引用opentype字体，在本地工作，但不能在线工作

Question

在我的CSS中我有

@font-face{font-family:"MyFont"; 
src:url("MyFont.otf")format("opentype");

在我的服务器上，我在同一个文件夹中 -

Index.html
mystyles.css
MyFont.otf

但是它从来没有完成它，我应该知道关于otfs的事情吗？

Answer 1

好吧，从您的代码中，它似乎缺少';'，但无论如何，您可以查看本教程： How to use CSS @font-face

或者您可以查看这个非常有用的网站，它是套件和生成器

fontsquirrel

再见

Answer 2

.otfs不是一个好用的文件类型。我见过的font-face没有很好的例子可以使用它们。

你还应该提供.woff和.ttf文件类型，.svg文件也可以在font-face堆栈中看到。

查看此工具是否有任何帮助：FontSquirrel font kit generator