Программирование

Убедитесь, что вы используете веб-безопасные шрифты

Различные шрифты на рабочем столе Mac

Текст является одним из наиболее важных аспектов внешнего вида сайта. Чтобы посетители сайта увидели ваш сайт в стиле, который вы тщательно продумали, выберите веб-безопасные шрифты.

Краткая история шрифтов в Интернете

Тем не менее, за последние несколько лет веб-типография прошла долгий путь, и веб-дизайнеры и разработчики больше не ограничены лишь несколькими веб-безопасными шрифтами. Распространение веб-шрифтов и возможность ссылаться на файлы шрифтов открыли новый мир возможностей для использования шрифтов сайта. Однако столь же полезный, как и доступ к этим вариантам шрифтов, эти проверенные веб-безопасные шрифты по-прежнему занимают важное место в современном веб-дизайне.

Различные шрифты на рабочем столе Mac
Coyote Moon, Inc.

Ссылки на веб-шрифты

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

Sans-Serif Web-Safe Шрифты

  • Arial
  • Arial Black
  • Tahoma
  • Требушет М.С.
  • Verdana

Это простые, четкие, легко читаемые шрифты без орнамента.

Arial

Другие варианты без засечек обеспечивают хорошее общее покрытие, но могут отсутствовать на некоторых компьютерах. Просто не забудьте включить один из списка выше в стек шрифтов в качестве резервной копии.

  • В. Готика
  • Женева
  • Lucida
  • Люцида Санс
  • Люсида Гранде
Люцида Санс

Serif Web-Safe Шрифты

Семейство шрифтов с засечками — еще один популярный выбор для веб-сайтов. Вот некоторые из ваших самых безопасных ставок в шрифтах с засечками:

  • курьер
  • Новый Курьер
  • Грузия
  • раз
  • Times New Roman
Пример нового шрифта Courier

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

  • MS Serif
  • Нью-Йорк
  • Palatino
  • Палатино Линотип
Пример шрифта Палатино

Моноширинные шрифты

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

  • курьер
  • Новый Курьер
Пример нового шрифта Courier

Эти шрифты также имеют некоторое покрытие:

  • Lucida Console
  • Монако
Пример шрифта Lucida Console

Курсивные и Фантазийные Шрифты

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

На компьютерах Windows и Apple доступен только один курсивный шрифт (но не в Linux): Comic Sans MS. Тем не менее, в последнее время он встречается с насмешками среди дизайнеров (в основном из-за его чрезмерного использования), поэтому избегайте его.

Смартфоны и мобильные устройства

Если вы создаете страницы для мобильных устройств , выбор шрифтов, безопасных для Интернета, может быть различным. Для устройств iPhone, iPod и iPad общие шрифты включают в себя:

  • Arial
  • курьер
  • Новый Курьер
  • Грузия
  • Helvetica
  • Palatino
  • Times New Roman
  • Требушет М.С.
  • Verdana

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

Похожие посты
Программирование

Что такое канал RSS? (И где его взять)

Программирование

7 причин, почему изображения не загружаются на ваш сайт

Программирование

Запустите агент SQL Server: настройте SQL Server 2012

Программирование

15 лучших бесплатных обоев дня Святого Патрика