title: CSS: Bulletproof @font-face: Smiley variation
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean">CSS @font-face - what does &ldquo;src: local(&#39;☺&#39;)&rdquo; mean?</a>  </p>
  </blockquote>
  
  
  
  <p>Hi,</p>
  
  <p>I came across this article - Bulletproof @font-face syntax</p>
  
  <p><a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/" rel="nofollow noreferrer">http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/</a></p>
  
  <p>Here is the syntax of bulletproof,</p>
  
  <pre><code>@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot');
    src: local('☺'),
           url('GraublauWeb.otf') format('opentype');
  }
  </code></pre>
  
  <p>but I don't understand what he says about the smiley face in the local(). What does it mean? Is it a standdard which is supported across browsers, PCs and Apples? Can I put something else in?</p>
  
  <p>Here is what he explains,</p>
  
  <blockquote>
    <p>Added 2010.02.04: There has been
    concern over specifying local font
    names. The primary reason is that you
    cede control to the user's machine,
    potentially showing a locally
    installed font instead of the one you
    want to serve. While that will load
    faster, there's a very small chance
    the file could be wrong.</p>
    
    <p>To account for this gotcha, I've
    specified a local font name of '☺'.
    Yes, it's a smiley face. The OpenType
    spec indicates any two-byte unicode
    characters won't work in a font name
    on Mac at all, so that lessens the
    likelihood that someone actually
    released a font with such a name. This
    technique is recommended if you think
    a locally installed version of this
    font is not in your best interest.</p>
  </blockquote>
  
  <p>thanks.</p>