CSS @ font-face无法呈现

Question

I'm using the following code in the style sheet for my website, but it won't render when I run it in the browser, the font doesn't render. What am I doing wrong?

@font-face {  
  font-family: 'Libel Suit';  
  src: url('my.ip.n.n/~/wordpress/fonts/libelsuit.woff') format('woff'),  
       url('my.ip.n.n/~/wordpress/fonts/libelsuit.ttf') format('truetype');  
       // These aren't the exact URLS I'm using, since I don't want the  
       // world to know my ip address
}

Answer 1

Check your network panel to determine if the fonts are actually being loaded:

If they are, ensure you are correctly referencing them in your css, eg:

h1 {
  font-family: 'Libel Suit'; 
}