css - 我在我的网页中使用 Myriad pro 字体系列，我将它们放在网上并提供如下字体链接。但这不起作用

Question

@font-face {
font-family: "Myriad-Pro";
src: url('http://anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF');
src: url('http://anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF')  format("opentype") ;
font-weight:normal;
font-style:normal;
}

这段代码有没有错误？这些字体不会显示在其他未安装此字体的 PC 上。我在我的网站上使用了这种字体，但在其他电脑上没有显示。

Answer 1

仅 OTF 文件无济于事，您需要生成网络字体包并包含相应的文件才能使其正常工作。

http://convertfonts.com/

上传您的 OTF 文件，然后下载字体包，将您在字体包中获得的样式复制到您的 css，正确使用包含文件的字体名称。