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

检查您的网络面板以确定是否实际加载了字体：

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

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