Font-face не работает в MAc - PullRequest
0 голосов
/ 29 июля 2011

Я создал font-face, используя http://www.fontsquirrel.com/fontface/generator. Я создал myriad pro полужирные и курсивные шрифты, используя его для веб-сайта.Шрифты отлично подходят для ПК, но на 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");
}

Спасибо и всего наилучшего, Карунакар Говни

1 Ответ

0 голосов
/ 29 июля 2011

Этот пост: CSS @ font-face не работает с Firefox, но работает с Chrome и IE .Я знаю, что это относится к Firefox, но вы можете найти решение там.

Обновление: Кроме того, вы вызываете таблицу стилей со свойством @font-face в ней после вызова таблицы стилейкоторый вы используете в (voucher2.css).Из того, что я видел, вы не называете шрифт Myriad в "menustyle.css".

...