У меня проблема со свойством CSS3 для использования моих собственных шрифтов @ font-face.В браузерах Chrome, Safari и IE10 проблем нет, но в других браузерах есть несколько проблем:
Я использовал этот код: (шрифты Gabriola - монотип - один код для обоих)
@font-face {
font-family: "Gabriola";
src: url("../fonts/Gabriola.eot?") format("eot"),
url("../fonts/Gabriola.woff") format("woff"),
url("../fonts/Gabriola.ttf") format("truetype"),
url("../fonts/Gabriola.svg#Gabriola") format("svg");
font-weight: normal;
font-style: normal;
}
В Google Chrome все в порядке: Экран
Firefox заменяет буквы на диакритические с другим шрифтом - Экран
Opera one of theвключенные шрифты не отображаются вообще, а в тексте со вторым пропускаются буквы с диакритическим знаком: Экран
В новом IE10 есть все в порядке, и старые (IE9 и IE8) ведут себя как Firefox.
Как я могу это исправить?Или, по крайней мере, замените семейство шрифтов в проблемных браузерах каким-либо универсальным шрифтом (например, Arial, ...) и измените свойство font-size.Для IE есть хорошие хаки, но как насчет Opera и Firefox?
Спасибо!