Myriad pro字体未正确显示

时间:2013-10-15 05:46:16

标签: css

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

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

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

2 个答案:

答案 0 :(得分:0)

我在本地机器上测试过。浏览器是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。

答案 1 :(得分:0)

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

需要注意的具体事项:

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