CSS @font-face不呈现

Question

我在我的网站样式表中使用了以下代码，但是当我在浏览器中运行它时，它不会呈现，字体也不呈现。我做错了什么？

@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

检查您的network panel以确定是否确实加载了字体：

​

​

如果是，请确保您在css中正确引用了它们，例如：

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