проблемы с @font-face

[Nanto]

Трудно объяснить в чём проблема, но правило не срабатывает!

Без проблем работает в IE с его oet-ами...

Опера отображает только один из двух шрифтов. Фокс ни одного!

В чём может быть проблема?

ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл)

есть несколько вопросов по синтаксису:

family надо записывать в кавычках или без разницы?

должно ли название файла совпадать с тем что прописана в файле шрифта?

можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal...

мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их?

Какие есть варианты - как отследить на каком этапе возникает данный косяк (не загружает файл шрифта; загружает, но не подключает; загружает, подключает, но использует с ошибкой и т.д.)

...

[resoursa]

Хмммм, лучше всего чтоб избежать проблем с шрифтами использовать стандартные, или шрифты от гугл, проверено, надежно! Правило! записи @font-face. Тип кегля описывается свойством font-weight: bold; ит.д.

[Softlink]

Проще всего сделать kit на fontsquirrel.com, пока везде работало без проблем.

[Nanto]

Проще всего сделать kit на fontsquirrel.com, пока везде работало без проблем.

Спс! Помогло!

[borus]

Проще всего сделать kit на fontsquirrel.com, пока везде работало без проблем.

Разобрался, благодарю!

Edited October 23, 2011 by borus

[borus]

Проще всего сделать kit на fontsquirrel.com, пока везде работало без проблем.

Я использовал ГОСТовский шрифт типа Б. не получается его наклонить через font-style(пробовал italic и oblique) в @font-face.

Есть какой-то манёвр для этого?

Edited October 24, 2011 by borus

[Great Rash]

Вы поймите, что очень многое зависит от самого шрифта. Если в шрифт не заложен механизм для курсива, то CSS тут не поможет стопудово. Можно покопаться в настройках того же fontsquirrel, но бывало, что добавление одной фичи ломало шрифт. В общем пробуйте, метод тыка еще никто не отменял.

[borus]

Вы поймите, что очень многое зависит от самого шрифта. Если в шрифт не заложен механизм для курсива, то CSS тут не поможет стопудово. Можно покопаться в настройках того же fontsquirrel, но бывало, что добавление одной фичи ломало шрифт. В общем пробуйте, метод тыка еще никто не отменял.

сделанный в fontsquirrel набор шрифтов типа GOST_B сработал везде кроме Оперы. Это нормально?

[Nanto]

.svg был?

[borus]

.svg был?

Да.

Вот CSS:

    font-family: 'GOSTtypeBRegular';
    src: url('fonts/gost_b-webfont.eot');
    src: url('fonts/gost_b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gost_b-webfont.woff') format('woff'),
         url('fonts/gost_b-webfont.ttf') format('truetype'),
        url('fonts/gost_b-webfont.svg#GOSTtypeBRegular') format('svg');
    font-weight: normal;
    font-style: normal;

Вот список шрифтов в папке: