Last Updated: February 25, 2016
·
1.148K
· mikeballan

Make your Ampersand stand out

Here is a quick tip on how to make you normal and boring Ampersand stand out in the crowd that is normal text. All you need to do is apply this simple bit of CSS to your style sheet and wola you now have a cool looking Ampersand like the one below..!

Picture

Step one is to add the code below to your CSS

span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style:italic;
}

Step two just wrap you Ampersand in a span with a class called “amp” and you should have a nice and funky ampersand to look at..!

<span class="amp">&amp;</span>