字体不适用于网络

Question

我正在尝试在我的网页上应用自定义字体，但某些字体不适用。有人可以帮帮我吗？

以下是代码：

CSS：

@font-face {
   font-family: 1-ProLook_Athletic;
   src: url('Fonts/QStrikeFonts/1-ProLook_Athletic.TTF');
}

HTML：

<div style="font-size:35px; font-Family: 1-ProLook_Athletic"> 
  The quick brown fox
</div>

Answer 1

你错过了一些文件格式（woff，woff2，eot，svg），你的浏览器似乎不支持TTF文件。请阅读此文章以使用webfonts：
http://css-tricks.com/snippets/css/using-font-face/

---

正如@Danko所说，您还需要在字体名称声明中添加“单引号”。

Answer 2

确保您当前使用的浏览器支持.TTF格式文件。 添加.eot和otf格式文件， 试试这个：

@font-face {font-family: 1-ProLook_Athletic;src: url(1-ProLook_Athletic.eot);src: local('1-ProLook_Athletic'), local(1-ProLook_Athletic'), 
     url(1-ProLook_Athletic.otf) format('opentype');}