@ font-face не работает - PullRequest
Новая
       7

@ font-face не работает

0 голосов
/ 01 декабря 2010

Мне сложнее всего загрузить @ font-face для этого сайта. Кто-нибудь знает, что происходит?

Я попытался использовать css из font squirrel, но это тоже не сработало, поэтому я попробовал более простой код, надеясь, что это сработает, но пока безуспешно.

СТАРЫЙ CSS (не работал) 

@font-face {
 font-family: 'CartoGothicStdBold';
 src: url('CartoGothicStd-Bold-webfont.eot');
 src: local('☺'), url('CartoGothicStd-Bold-webfont.woff') format('woff'), url('CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
 font-weight: normal;
 font-style: normal;
}

НОВЫЙ CSS (все еще не работает) 

@font-face {
font-family: 'CartoGothicStdBold'; 
src: url(css/fonts/CartoGothicStd-Bold.otf) format("opentype");
}


.b-nb {
 float: left;
 width: 100%;
 font-size: 1.25em;
 color: grey;
 font-family:'CartoGothicStdBold', serif;
}

Я проверяю это здесь: http://drewlepp.com/testing/laa/LAA%20studio/index.html

Спасибо !!!!

Ответы [ 2 ]

1 голос
/ 04 июля 2011

Старый вопрос, но я все равно укажу вам правильный ответ (на случай, если кто-то еще наткнется на это)

Старый CSS выглядит хорошо для меня. Но если вы используете IE9 и используете приватный шрифт, вы увидите ошибку в консоли IE9. Поэтому вам нужно сделать то, что сделал этот парень: @ font-face работает в IE8, но не в IE9

0 голосов
/ 01 декабря 2010 
@font-face {
    font-family: 'Tangerine';
    src: local('Tangerine'), url('/fonts/Tangerine_Regular.ttf') format('truetype');
}

попробуйте это.Я использую это на своем сайте

...