html - 在 CSS 中使用 font-face 自定义字体

Question

所以我看了，看了，看了，改了，试了，但我一辈子都不能让它发挥作用。有没有人知道问题出在哪里？

@font-face {
  font-family: 'customFont';
  src: url('www.100%CorrectURL.com/font.eot');
  src: url('www.100%CorrectURL.com/font.eot?#iefix') format('embedded-opentype'),
       url('www.100%CorrectURL.com/font.woff') format('woff'),
       url('www.100%CorrectURL.com/font.ttf') format('truetype'),
       url('www.100%CorrectURL.com/font.svg#paulmaulregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

URL 绝对正确（我已经更改了上述源中的那个），但由于某种原因，它只是没有将字体加载到页面中。

Answer 1

您的代码是正确的，但您可以删除这两个标签：

  font-weight: normal;
  font-style: normal;

它应该可以工作，否则，您需要使用另一种网络字体（谷歌字体总是有效的）

注意：网址“www.100%CorrectURL.com/font.eot”不存在，您需要添加正确的网址。