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;


  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

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

We have a pretty good* newsletter.