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

Posting Code

Markdown is supported in the comment area, so you can write inline code in backticks like `this` or multiline blocks of code in in triple backtick fences like ```this```. You don't need to escape code in backticks, Markdown does that for you.

Sadly, it's kind of broken. WordPress only accepts a subset of HTML in comments, which makes sense, because certainly some HTML can't be allowed, like <script> tags. But this stripping happens before the comment is processed by Markdown (via Jetpack). It seems to me that would be reversed, because after Markdown processes code in backticks, it's escaped, thus safe. If you think you can fix this issue, get in touch!

If you need to make sure the code (typically HTML) you post absolutely posts correctly, escape it and put it within <pre><code> tags.

Current ye@r *

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