Шрифты для html документа

Безимени-182В данном разделе мы поговорим о важности качественного использования шрифтов в HTML для создания сайта и часто встречающейся проблеме отображения символов.

Шрифт является неотъемлемой частью веб-дизайна, но не стоит применять все существующие. Выбор подходящего шрифта для отдельных частей документа является одним из наиболее часто выполняемых действий в процессе разработки HTML-документа. Их существует огромное множество, но достаточно использовать стандартные. Это необходимо для более успешной передачи информации на странице. Точная и качественная информация – залог успеха вашего Web-ресурса.

Порой, некоторые люди интересуются установкой собственного шрифта. Ответ очень прост: использовать нестандартные не рекомендуется. Браузер отображает те, которые имеются у пользователя. Например:

Verdana,
Cosmic,
Sans, Arial,
Garamond,
Tahoma,
Courier,
Times,
Times New Roman,
Helvetica,
Cosmic Sans.

Пользуясь предоставленными шрифтами, вы ограничиваете себя от проблем с их неправильным отображением.

Их вполне хватит для корректного отображения текста на Вашей странице. Тег<font> с атрибутом face, устанавливает шрифт, указанный в данном атрибуте. Тип ограничивается надстрочными двойными запятыми. Пример кода, устанавливающий на странице шрифт Garamond:

Вернёмся к ситуации, когда у пользователя не установлен используемый шрифт. Большое количество людей с этим сталкиваются, но порой не многие знают, что следует при этом делать. Для решения данной проблемы нужно в атрибут face прописать несколько стандартных шрифтов, приведённые выше. При отсутствии у пользователя первоначально записанного шрифта, он будет заменён теми, которые вы пропишите в атрибуте face. Если следующий по счёту шрифт тоже не найден среди установленных у пользователя, то он будет заменяться по цепочке, которую вы записали в атрибут, пока шрифт, совместимый с установленными, не будет найден. Пример кода:

С помощью использования данного кода у посетителей не будет проблем с шрифтами, и им не составит труда прочитать контекст, предоставленный на Web-ресурсе. Главное не забывайте – используйте стандартные шрифты! Попробуйте применить этот метод на Вашей странице, вставив данный код в свой HTML документ:

посмотреть результат

 

На первый взгляд, никаких изменений нет, но попробуйте поэкспериментировать с заменой шрифтов, меняя один на другой. Таким образом вы заметите разницу. Используя стандартные шрифты можно создавать разнообразные странички, соответствующие вашим желаниям и дизайну.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика