字体在 MAC 中不起作用

Question

我使用 http://www.fontsquirrel.com/fontface/generator 创建了字体。我使用它为网站创建了无数的专业半粗体和斜体字体。字体在 PC 机上运行良好，但在 Mac 上，链接看起来不像 Myriad pro 半粗体。

这是您可以查看的网站的链接。

http://www.vr2020.com/gtgtoursdev/index.php

字体代码：

@font-face {
font-family: "MyriadProSemibold";
font-style: normal;
font-weight: normal;
src: url("myriadpro/myriadpro-semibold-webfont.eot?#iefix") format("embedded-opentype"),  url("myriadpro/myriadpro-semibold-webfont.woff") format("woff"), url("myriadpro/myriadpro-semibold-webfont.ttf") format("truetype"), url("myriadpro/myriadpro-semibold-webfont.svg#MyriadProSemibold") format("svg");
}
@font-face {
font-family: "MyriadProSemiboldCondensed";
font-style: normal;
font-weight: normal;
src: url("myriadpro/myriadpro-semiboldcond-webfont.eot?#iefix") format("embedded-opentype"), url("myriadpro/myriadpro-semiboldcond-webfont.woff") format("woff"), url("myriadpro/myriadpro-semiboldcond-webfont.ttf") format("truetype"), url("myriadpro/myriadpro-semiboldcond-webfont.svg#MyriadProSemiboldCondensed") format("svg");
}
@font-face {
font-family: "MyriadProSemiboldItalic";
font-style: normal;
font-weight: normal;
src: url("myriadpro/myriadpro-semiboldit-webfont.eot?#iefix") format("embedded-opentype"), url("myriadpro/myriadpro-semiboldit-webfont.woff") format("woff"), url("myriadpro/myriadpro-semiboldit-webfont.ttf") format("truetype"), url("myriadpro/myriadpro-semiboldit-webfont.svg#MyriadProSemiboldItalic") format("svg");
}
@font-face {
font-family: "MyriadStdTilt";
font-style: normal;
font-weight: normal;
src: url("myriadpro/myriadstd-tilt-webfont.eot?#iefix") format("embedded-opentype"), url("myriadpro/myriadstd-tilt-webfont.woff") format("woff"), url("myriadpro/myriadstd-tilt-webfont.ttf") format("truetype"), url("myriadpro/myriadstd-tilt-webfont.svg#MyriadStdTilt") format("svg");
}

谢谢&问候， 卡鲁纳卡尔·古尼

Answer 1

这篇文章： CSS @font -face 不适用于 Firefox，但适用于 Chrome 和 IE 可能会有所帮助。我知道它与 Firefox 有关，但您可以在那里找到解决方案。

更新：此外，在调用样式表（voucher2.css）后，您将使用其中的 @font-face 属性来调用样式表。据我所知，您没有在“menustyle.css”中调用任何 Myriad 字体。