Css Myriad pro字体未正确显示_Css

Css Myriad pro字体未正确显示

css

Css Myriad pro字体未正确显示,css,Css,我在我的网站上使用了myriad pro字体，这种字体被上传到服务器上，我给出了这种字体的链接，如下所示 @font-face{ font-family: "Myriad-Pro"; src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype"); } 但是这个字体仍然没有显示出来，有没有其他方法解决这个问题呢？我已经在我的本地机器上进行了测试。浏览器是chrome浏览器

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

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

但是这个字体仍然没有显示出来，有没有其他方法解决这个问题呢？

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


@字体{
字体系列：“Myriad Pro”；
src:url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF)格式（“truetype”）；
}
正文{font系列：Myriad Pro；}
这应该是myriad pro字体

这很有效。（我想字体就是我要粘贴的屏幕截图）

可能您希望让我们知道哪个浏览器正在给您带来麻烦。

无论哪种方式，由于您正在将其上载到服务器，我建议您查看font squirrel的所有类型字体及其为您生成的css。

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

需要注意的具体事项：

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

见此。可能的副本