title: Font secure loading with @font-face
body: <p>I want to use a custom font on a website and want to secure it. I know there is like Cufon etc, but I want to do it with @font-face, because Cufon changes the text with  and @font-face only apply the font to the text. So I found fontdeck.com and they use @font-face with secure font loading.</p>
  
  <p>I have to include a CSS file with the following code:</p>
  
  <p><code>@font-face {
      font-family: 'Proxima Nova Thin';
      src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot');
      src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot?') format('embedded-opentype'),
      url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.woff') format('woff'),
      url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.ttf') format('opentype');
      font-weight: 100;
      font-style: normal;
  }</code></p>
  
  <p>But if I go to with the browser to the URL's for EOT, WOFF and TTF files, I will see "Forbidden". </p>
  
  <p>Can somebody explain me how this works? </p>