2012-04-25 1 views
-1

Я использовал тонкие шрифты Якова с CSS через @ font-face, но шрифты настолько отличаются от оригинальных. Что может быть причиной этого? Вот мой кодЯков тонкие шрифты неправильный дисплей

@font-face 
{ 
    font-family:'Yakovthin'; 
    src: url('../fonts/yakovthin-webfont.eot'); 
    src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/yakovthin-webfont.woff') format('woff'), 
     url('../fonts/yakovthin-webfont.ttf') format('truetype'), 
     url('../fonts/yakovthin-webfont.svg#') format('svg'); 
} 

div#mainContainer 
{ 
    font-family:'Yakovthin'; 
    font-size:12px; 
} 

Может ли кто-нибудь помочь?

ответ

0

Я решил проблему. Проблема заключалась в том, что на сайте шрифты не были обобщены должным образом.

0

Можете ли вы указать URL-адрес? Кроме того, попробуйте добавить начертание шрифта: нормальный к коду:

@font-face 
{ 
    font-family:'Yakovthin'; 
    src: url('../fonts/yakovthin-webfont.eot'); 
    src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/yakovthin-webfont.woff') format('woff'), 
     url('../fonts/yakovthin-webfont.ttf') format('truetype'), 
     url('../fonts/yakovthin-webfont.svg#') format('svg'); 
    font-weight: normal; 
} 

div#mainContainer 
{ 
    font-family:'Yakovthin'; 
    font-size:12px; 
    font-weight: normal; 
} 
+0

Я сделал, но он все еще не работает. Вы можете найти его здесь profsyntax.com/demo/Heshbonia. – Karine

0

Вы должны попробовать это вместо:

@font-face 
{ 
    font-family:'Yakovthin'; 
    src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/yakovthin-webfont.woff') format('woff'), 
     url('../fonts/yakovthin-webfont.ttf') format('truetype'), 
     url('../fonts/yakovthin-webfont.svg#') format('svg'); 
    font-weight: normal; 
} 

Я уверен, что вы можете уронить формат .eot, так как при .ttf не поддерживается, .woff, поэтому он должен делать трюк. Вы также должны узнать о опции «unicode-range», если хотите иметь дело с ивритом.

+0

IE9 поддерживает только .eot. Спасибо хоть. – Karine

+0

На самом деле, нет, IE9 также поддерживает формат .woff. Был ли код, который я вам дал? – Frederic

+0

Это странно, потому что я прочитал это на w3schools.com «Однако Internet Explorer 9 поддерживает только шрифты .eot, в то время как Firefox, Chrome, Safari и Opera поддерживают шрифты .ttf и .otf (http: //www.w3schools. ком/cssref/css3_pr_font-face_rule.asp? выход = печать)». К сожалению, это не сработало, но спасибо за помощь в любом случае. – Karine

 Смежные вопросы

  • Нет связанных вопросов^_^