У меня есть определение css в заголовке моей страницы следующим образом:
@font-face {
font-family: "ownfont";src: url("../fonts/ownfont.ttf");
}
Затем я даю класс css для тела (при нажатии кнопки), который меняет тип шрифта с:
font-family: Verdana,Arial,Helvetica,sans-serif;
to
font-family: "ownfont",Verdana,Arial,Helvetica,sans-serif;
«ownfont» — это 4-символьный шрифт, в котором пробелы и дефисы будут отображаться для отображения некоторых невизуальных символов.
Firefox 3.6.3 показывает все как исключенное (выглядит так же, как и раньше, за исключением пробелов и дефисов), но Safari (на Mac и Win; версии 4.0.5, 5.0) изменяет высоту моих текстовых строк (или, по крайней мере, выглядит так что-то вроде увеличения отступа/маржи - но ничего не изменилось, кроме шрифта).
Почему эта настройка шрифта дает разные результаты в Firefox и Safari?
Есть ли способ заставить оба браузера вести себя одинаково?
любая помощь или предложение приветствуются - заранее спасибо