title: Aliases for fonts in CSS
body: <p>I've just got into using @font-face. One of the unexpected perks is that instead of using the proper font name I can choose a more useful one, which is useful for reskinning</p>
  
  <p>e.g instead of</p>
  
  <pre><code>@font-face {
     font-family: Museo Slab;
     src: ...
  }
  </code></pre>
  
  <p>I can have</p>
  
  <pre><code>@font-face {
     font-family: Branding Font A;
     src: ...
  }
  </code></pre>
  
  <p>So throughout my site I can then have e.g.</p>
  
  <pre><code>h1 {
    font-family: Branding Font A, Georgia, Serif;
  }
  </code></pre>
  
  <p>... pretty useful as the site I'm working on will be syndicated, and I can easily just serve up different @font-face definitions for different publishers.</p>
  
  <p>After that lengthy preamble, my question is "Is there a way to have an alias for one of the regular webfonts?" So that I can have eg "Body Text" as an alias for Arial, but such that I could change the "Body Text" @font-face declaration to use a different font if I wanted to.</p>