文章/答案/技术大牛

发布

问Myriad pro字体显示不正确
EN

Stack Overflow用户

提问于 2013-10-15 13:46:16

回答 2查看 14.7K关注 0票数 0

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

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

但是这个字体还是没有显示，有没有别的办法来解决这个问题呢？

css

回答 2

Stack Overflow用户

发布于 2013-10-15 14:01:35

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

这样做效果很好。(我想字体就是我正在粘贴的截图)。

也许你想让我们知道哪个浏览器给了你一个hickup。无论哪种方式，既然你要把它上传到你的服务器上，我建议你看一看font-squirrel的全类型字体和它们为你生成的css。

票数 0

Stack Overflow用户

发布于 2013-10-15 14:10:27

首先检查您是否拥有在Web上使用Myriad Pro的合法许可证。然后查看字体供应商的使用说明。

需要注意的具体事项：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19374053

复制

相似问题

问Myriad pro字体显示不正确
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Myriad pro字体显示不正确EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Myriad pro字体显示不正确
EN