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

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

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

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

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