【发布时间】：2016-04-30 09:23:25
【问题描述】：
我正在尝试使用 otf 文件作为我网站的字体，但由于某种原因，它根本没有更改字体。我下载了 otf 文件的 zip，但我上传到我的唯一文件目录是 FontAwesome.otf 文件。我做错了什么？
@font-face {
font-family: 'FontAwesome';
src: url('FontAwesome.otf') format('opentype');
}
body {
font-size: 36px;
}
#div1 {
font-family: 'FontAwesome';
border: 1px solid red;
}
<div id = 'div1'> The quick </div> The quick
【问题讨论】：
-
建议：这个字体太棒了，改用 WOFF 版本，这样每个浏览器都可以工作，而不是“只是一些”。更好的是，不要使用自己的副本，use their CDN
-
@Mike'Pomax'Kamermans 在我们将这一行添加到文档的 之后，我们在 css 中的 font-face 中添加了什么？ maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/…">
-
@Mike'Pomax'Kamermans 除非将单行添加到 将使文档中的所有内容都变得很棒？在这种情况下，我们是否可以将其设置为 font-face，以便我们可以选择我们希望字体在哪里变得很棒？
-
@Mike'Pomax'Kamermans 字面意思只是说将这一行添加到 然后解释就停在那里。没有说明下一步该做什么。
-
那是因为它结束了？您将字体
<link>添加到头部。然后在您的内容中，您可以使用 fontawesome 类，就像其他方式一样。 CDN 样式表加载 fontawesome 资源并设置 fontawesome 允许您使用的所有类。