мая 16

Шрифты для WEB: правила использования

Занимаясь непосредственно версткой сайтов, часто сталкиваюсь с тем, что многие разработчики не знают основных правил использования шрифтов для html страниц. Это приводит к тому, что во-первых сайт по-разному отображается в разных браузерах и на разных платформах. Во-вторых, неуместное применение нестандартных шрифтов снижает семантичность верстки (например, заголовки приходиться делать не текстом, а картинками) и ведет к утяжелению кода (из-за использования дополнительных скриптов и технологий, например, sIFR и т.д.).

Поэтому при разработке дизайна страниц необходимо всегда помнить и неукоснительно соблюдать следующие правила:

размер основного шрифта документа – не менее 10 px;
запрещается применение сглаживания и эффектов для шрифтов размером менее 14 рх;
запрещается применение сглаживания и эффектов в основном тексте и заголовках сайта;
цвет указвыается явно в свойствах шрифта, а не через эффекты слоя;
запрещается использовать эффекты прозрачности для основного текста сайта;
не допускается растеризовывать текст;
все шрифты, использованные в дизайне, должны быть приложены к макету в отдельной папке fonts;
для основного текста сайта, заголовков и ссылок необходимо использовать безопасные шрифты (таблицу безопасных шрифтов смотрим здесь).

У Вас наверное возник вопрос - что такое безопасные шрифты? Это шрифты которые одинаково (или практически одинаково) выглядят в разных браузерах и на разных платформах. Использование этих шрифтов обеспечивает корректное отображение сайта у любого посетителя.