Myriad pro 字体未正确显示答案

【问题标题】：Myriad pro font is not shown properlyMyriad pro 字体未正确显示
【发布时间】：2022-04-23 18:00:15
【问题描述】：

我在我的网站上使用了无数的专业字体，这个字体被上传到服务器上，我已经给出了这个字体的链接，如下所示

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

但是还是没有显示这个字体，请问有没有其他方法可以解决这个问题？

【问题讨论】：

看到这个answer。
Add a font to a website的可能重复

标签： css

【解决方案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>

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

您可能希望让我们知道哪个浏览器给您带来了麻烦。无论哪种方式，由于您要将其上传到您的服务器，我建议您查看 font-squirrel 的所有类型字体及其为您生成的 css。

【讨论】：

【解决方案2】：

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

具体注意事项：

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

【讨论】：