html - 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'; 
}