Некоторое время назад я заметил, что активно пишу правило font-family: sans-serif. А ведь sans-serif это вообще fallback на случай, если браузеру не удалось найти и отрендерить какой-либо шрифт (также как и serif, monospace или cursive).
На мой взгляд, fallback шрифты это самый надежный и правильный способ добиться похожего отображения веб-страницы на разных платформах. Однако иногда, пользователи хотят необычных шрифтов, которые могут отсутствовать в операционной системе (например, в Ubuntu приходится ставить шрифты из пакетаmsttcorefonts). Иначе отображение некоторых сайтов сильно отличается от того, что мы видим под Windows.
CSS3 дал возможность загружать шрифты с сайта, а в Internet Explorer был какой-то трюк. Однако этот способ следует оставить на будущее. Сейчас я хочу сделать себе шпаргалку из «безопасных» шрифтов, которые вероятнее всего будут прилично отображаться на большинстве платформ.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
font-family: Arial, Helvetica, sans-serif; font-family: 'Arial Black', Gadget, sans-serif; font-family: 'Bookman Old Style', serif; font-family: 'Comic Sans MS', cursive; font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: 'MS Serif', 'New York', sans-serif; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-family: Symbol, sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family: 'Times New Roman', Times, serif; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family: Webdings, sans-serif; font-family: Wingdings, 'Zapf Dingbats', sans-serif; |
Источник: http://y3x.ru/2011/01/css-font-family-websafe/
