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

coder — Fri, 16 May 2008 16:11:39 +0000

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

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

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

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

Коллекция бесплатных шрифтов, часть 1

coder — Thu, 08 Nov 2007 23:40:39 +0000

На сайте http://www.typenow.net находится большая коллекция бесплатных и коммерческих шрифтов. Шрифты отсортированы по стилям, алфавитному порядку, коллекциям, разработчикам. Частое обновление. Предпросмотр.

bOntONweb » Шрифты

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

Коллекция бесплатных шрифтов, часть 1