字体在 MAC 中不起作用

Question

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

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

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 not working with Firefox, but working with Chrome and IE 可能会有所帮助。我知道它与 Firefox 有关，但您可以在那里找到解决方案。

更新：此外，在调用您正在使用的样式表 (voucher2.css) 之后，您正在调用其中包含 @font-face 属性的样式表。从我所见，您没有在“menustyle.css”中调用任何 Myriad 字体。