0

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

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

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

4

2 回答 2

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>

这工作得很好。（我认为字体是我粘贴的截图）。

刚刚粘贴了您的代码和静态 html

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

于 2013-10-15T06:01:34.800 回答
0

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

具体注意事项：

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