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