Code Snippet

Home » Code Snippets » CSS » Font Shorthand

Font Shorthand

Syntax

body {
   font: font-style font-variant font-weight font-size/line-height font-family;
}

In Use

body {
   font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
}

Reference URL

Subscribe to The Thread

  1. Ryan Hamilton

    Ah, so that’s why I wasn’t able to specify the size of fonts using font:! I’ve always just had to use font-size:.

    Thanks!

    Reply ↓
  2. ysh

    thanks!! :D this really helps!! :3 woot wooot! :3

    Reply ↓
  3. Louis

    In addition to the URL linked in the post, I have a cheat sheet for helping understand font shorthand:

    http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

    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 ~