Code Snippet

Home » Code Snippets » CSS » Fancy Ampersand

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

Subscribe to The Thread

  1. Fesheshus

    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.

    Reply ↓
    • Mads

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

    • Mads

      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

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

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~