Grow your CSS skills. Land your dream job.

Last updated on:

Fancy Ampersand

Dan Cederholm has long used the Baskerville Italic ampersand, and tells us to Use The Best Ampersand Available (also here). For better or worse, this has gotten to be ridiculously popular. If you'd like to use this fancy ampersand:

Script <span class="amp">&amp;</span> Style
.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
}

Comments

  1. Fesheshus
    Permalink to comment#

    As we all know, the newest fad is the stylized ellipses.

    Many people have taken to using “. . .” with the “:after” css selector. Me? I just hard code that beautiful baby right between the anchor tags!

    Best practice hint: I find it’s always faster to just go ahead and type “…” rather than “. . .” …but that’s just me.

    Just one more thing on this flavor of the month…I may be old school but the ellipses will always look best Times New Roman.

    • Mads
      Permalink to comment#

      Or use “…” – for “Horizontal Elipsis”.

    • Mads
      Permalink to comment#

      I’m trying to write the code for “Horizontal elipsis” in a code-block, but it gets replaced when I submit. It’s ampersand + hellip;

  2. Tomdanme
    Permalink to comment#

    If I were you I would use @font-face to get even better ampersands!

  3. Adalia
    Permalink to comment#

    Everytime I put it up on CSS on Blogger it won’t work!?

Leave a Comment

Current day month ye@r *

*May or may not contain any actual "CSS" or "Tricks".