Question

我在我的网站上使用过myriad pro字体，这个字体上传到服务器上，我已经给出了这个字体的链接，如下所示

@font-face{
    font-family: "Myriad-Pro";  
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype");
}

但是这个字体仍然没有显示，是否还有其他解决此问题的方法？

Answer 1

我在本地机器上测试过。浏览器是chrome。

<html>
<head>
<style type="text/css">
@font-face{
    font-family: "Myriad-Pro";  
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype");
}
body{ font-family:Myriad-Pro; }
</style>
</head>
<body>
This should be in myriad-pro font
</body>
</html>

这完美无缺。（我认为字体就是我粘贴的截图）。

Just pasted your code and a static html

您可能希望告诉我们哪个浏览器正在为您提供一个hickup。无论哪种方式，因为你将它上传到你的服务器，我建议你看看font-squirrel的all-type-fonts和它们为你生成的css。

Answer 2

首先检查您是否拥有在网络上使用Myriad Pro的合法有效许可。然后检查字体供应商有关此类用途的说明。

需要注意的具体事项：

IE不支持WebF字体的OTF，您需要其他格式。
字体文件应与使用它们的页面位于同一服务器上，否则托管它们的服务器必须允许跨站点使用。

Myriad pro字体未正确显示

2 个答案: