Шрифты для WEB: правила использования
Занимаясь непосредственно версткой сайтов, часто сталкиваюсь с тем, что многие разработчики не знают основных правил использования шрифтов для html страниц. Это приводит к тому, что во-первых сайт по-разному отображается в разных браузерах и на разных платформах. Во-вторых, неуместное применение нестандартных шрифтов снижает семантичность верстки (например, заголовки приходиться делать не текстом, а картинками) и ведет к утяжелению кода (из-за использования дополнительных скриптов и технологий, например, sIFR и т.д.).
Поэтому при разработке дизайна страниц необходимо всегда помнить и неукоснительно соблюдать следующие правила:
- размер основного шрифта документа – не менее 10 px;
- запрещается применение сглаживания и эффектов для шрифтов размером менее 14 рх;
- запрещается применение сглаживания и эффектов в основном тексте и заголовках сайта;
- цвет указвыается явно в свойствах шрифта, а не через эффекты слоя;
- запрещается использовать эффекты прозрачности для основного текста сайта;
- не допускается растеризовывать текст;
- все шрифты, использованные в дизайне, должны быть приложены к макету в отдельной папке fonts;
- для основного текста сайта, заголовков и ссылок необходимо использовать безопасные шрифты (таблицу безопасных шрифтов смотрим здесь).
У Вас наверное возник вопрос - что такое безопасные шрифты? Это шрифты которые одинаково (или практически одинаково) выглядят в разных браузерах и на разных платформах. Использование этих шрифтов обеспечивает корректное отображение сайта у любого посетителя.
Разместить у себя на ресурсе или в ЖЖ:
На любом форуме в своем сообщении:




23 декабря, 2008 в 12:32
Инфа полезная, особенно пункт 8. Но вот вопрос, остальные правила кем были написаны? Источник кто?
18 марта, 2010 в 12:26
На счет пункта 4. Может не слоя, а стиля?
В таком случае, пункт спорный.
23 апреля, 2010 в 1:53
Нет, Владимир, имелся ввиду слой. Цвет через html надо делать, а не через flash, gimp или какие-нибудь еще редакторы