Некоторые браузеры не видят шрифты

[Pato]

Здравствуйте.

Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию

@font-face {
    font-family: aglettericacondensed; 
    src: url(../fonts/aglettericacondensed.ttf); 
}

мозила его не видит, а опера видит но не все.

вот что в хроме

вот что в опере

вот что в мозиле

Edited September 18, 2012 by Pato

[hypnocolor]

1. Идёте на http://www.fontsquirrel.com/fontface/generator или http://www.font2web.com/.
   
2. Загружаете туда свой шрифт и указываете его параметры (набор символов и т.д.).
   
3. На выходе получаете архив с необходимыми вариантами шрифтов для всех браузеров и примером их подключения. Или не получаете, в случае FontSquirrel, если лицензия шрифта не позволяет производить с ним подобные манипуляции.
   

Запасной вариант: поискать подходящий шрифт на http://www.google.com/webfonts и подключать его оттуда.

Запасной вариант № 2: использовать Cufon. Алгоритм создания шрифта аналогичен варианту с FontSquirrel или Font2Web, только шрифт будет отображён при помощи JS.

Edited September 18, 2012 by hypnocolor

[DImas95]

Сначала сконвертируйте шрифт через fontsquirrel а потом используйте эту технику:

@font-face {

font-family: 'File';

src: url('../fonts/file-webfont.woff') format('woff'),

url('../fonts/file-webfont.ttf') format('truetype'),

url('../fonts/file-webfont.eot') format('embedded-opentype'),

url('../fonts/file-webfont.svg') format('svg');

}

пока что самая пуленепробивная техника