2014-02-06 2 views
0

Старые браузеры не кажется, чтобы вычислить следующий CSS:шрифт выходит, как Times New Roman в старых браузерах

.text { 
    font: normal 10px Arial; 
} 

Когда я смотрю на странице в старых браузерах текст выходит, как Times New Roman ,

Каков наилучший способ объявить семейство и размер шрифта, чтобы он был распознан самой широкой аудиторией?

+0

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html –

+1

Как «старые» мы говорим? Свойство шрифта поддерживается во всех браузерах: http://css-tricks.com/almanac/properties/f/font/ –

+0

Очевидное объяснение состоит в том, что в системе пользователя отсутствует шрифт Arial. Но это не будет зависеть от возраста браузера. Вам необходимо предоставить дополнительную информацию, такую ​​как определенные браузеры (имя, версия, платформа), где появляется проблема. –

ответ

0

Теперь я, очевидно, не эксперт сам, но то, что я вообще делаю это font-family: атрибут, который вы можете объявить с большим количеством шрифтов, как вы хотите (т.е. Font-family: Arial, 'Times New Roman', sans-serif;) Так что браузер может пройти через список по одному на посмотрите, сможет ли он запустить его. Если нет, он перейдет к следующему элементу в списке. Поскольку шрифты, которые работают в большинстве браузеров, очевидно, не совпадают, что является основной причиной, по которой вы добавляете несколько шрифтов для резервного копирования. Однако вы также можете импортировать другие стили шрифтов из Интернета для своего сайта. Google fonts, например, предлагает широкий спектр стилей, которые вы можете легко использовать. Google font также предоставляет вам код link для его импорта в ваш код. Что касается старых браузеров, я не знаю, работает ли эта функция, а также более новые версии (так как у меня не было проблемы). Но два стиля, которые по умолчанию не имеют значения, что я знаю, это sans-serif и serif. Что касается размера для текста, я использую атрибут font-size:. Эта функция может использовать проценты (текст 2x размер нормального составляет 200%) и даже может использовать значения размеров (15px, 2em и т. Д.). Он больше расширяет его. here

Надеюсь, это ответит на ваш вопрос.

+0

Объявление «Семейство шрифтов: Arial», «Times New Roman», sans-serif; 'не увеличивает шансов на использование браузера Arial - это скорее приводит к использованию Times New Roman, когда Arial недоступен. Поскольку это принятый ответ, остается загадкой, что действительно было вопросом. –

+0

@ JukkaK.Korpela Я думал, что они хотели Arial, но не хотели, чтобы Times New Roman был по умолчанию. Я упомянул Font-family в основном потому, что он проходит через каждый шрифт один за другим, чтобы увидеть, что соответствует, как сказано в моем ответе выше (зная, что он не увеличивает «шансы»). Таким образом, он может помещать любой шрифт, который они, возможно, не будут использовать в качестве резервной копии. (Я добавил в Google Font вещь, так как я не знал, что, поскольку она была непосредственно из Интернета, она будет работать на более старых браузерах). Но пример, который я использовал, был просто таким, чтобы пользователь мог видеть формат и обмен/добавление любой шрифт, который они хотят – Jgoodwyn

Смежные вопросы