字体未应用于 Web

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文件。阅读这篇文章以使用网络字体：
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');}