我已经问过了this 关于如何添加自定义字体的问题，我终于找到了一种方法，使字体显示在我自己的笔记本上。
我今天发现，在我的学校，这种特定的自定义字体（也可能是另一种字体，但它是文本字体，所以我看不出有什么区别）在电脑上不起作用。（关于this 首页，看标题字体，应该是Oz手工艺品；我还在末尾放置了一个图像，以便您可以看到字体的外观）。
这就是我嵌入字体的方式：
@font-face{
font-family: Oz;
src: url("fonts/ozHandicraft.otf");
font-weight: normal;
}
@font-face{
font-family: Liberation;
src: url("fonts/liberation.ttf");
font-weight: normal;
}
我已经想到了一些可能的错误，但不知道如何检查它们是否是真正的错误。
字体实际上没有嵌入，只能在安装了Oz手工艺品的计算机上显示，我无法将字体上载到“font squirrel webkit”，因为它被阻止了。可能该字体在wordpress上也被阻止了，并且只能在安装了该字体的计算机上显示，如果这些错误是真的，我如何检查这些错误，我还会犯什么其他错误？
SO网友:Howard E
页面上的CSS声明中有错误。
如果更改样式上的第152行。“font-family:Oz-Artict；”（以及您使用它的任何其他地方）的css用于：
h1 {
font-family: Oz;
}
因为在你的代码中，你有这个。
@font-face{
font-family: Oz;
src: url("fonts/ozHandicraft.otf");
font-weight: normal;
}
你是这样声明的。如果您进行了此更改，它在我的屏幕上工作正常，并且我的桌面上没有安装此字体。
另一种解决方案是简单地更新您的@字体，并将其改为：
@font-face{
font-family: Oz Handicraft;
src: url("fonts/ozHandicraft.otf");
font-weight: normal;
}
