• Make your Ampersand stand out

  Date: Jun 22, 2010  |  Categories: Css  |  Written By: Mike Ballan  

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..!

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;
}

Next 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>