расставляй правильно приоритеты и не отвлекайся на мелочи

Как подобрать нужный шрифт

22 апреля 2007, дополнено

Вау, большой подарок!!! Я рад, что сейчас нашел идеальный инструмент для выбора шрифта — Typetester
Дальше можно не читать, пользуйтесь указанной ссылкой.

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

  • Я «ручной» HTML кодер и никогда не использую Frontpage, Dreamweaver и т.п. по весьма весомым причинам
  • Давно хотел выяснить какие-же семейства шрифтов используются по максимуму на различных платформах и взять их за основу
  • Я хочу сразу видеть готовые CSS атрибуты для моих выбранных шрифтов
  • Инструмент выбора шрифтов должен быть простым, достаточным и максимально доступным

И получилось то, что получилось. Но немного отвлечемся…

В полученной шпаргалке собраны шрифты устанавливаемые по умолчанию на Windows XP и корректно отображающие кириллицу, что однако никоим образом не должно означать, что этот набор — стандарт. Более подробно изучив данный вопрос удалось выяснить, что в веб-дизайнерской среде стандартным набором принято считать набор { font-family: verdana, «trebuchet MS», helvetica, sans-serif; } и это подтверждается статистикой, так что при ориентации на различную аудиторию этот факт необходимо учитывать.

Size
Style
Weight
Color Bg/Font
# #
Letter Spacing
Line height
ShowRu En Num


Arial | font-family:Arial;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Courier | font-family:Courier;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Courier New | font-family:Courier New;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Comic Sans MS | font-family:Comic Sans MS;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Georgia | font-family:Georgia;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Impact | font-family:Impact;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Lucida Console | font-family:Lucida Console;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Lucida Sans Unicode | font-family:Lucida Sans Unicode;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Microsoft Sans Serif | font-family:Microsoft Sans Serif;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Serif | font-family:serif;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Sans Serif | font-family:sans-serif;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

MS Sans Serif | font-family:MS Sans Serif;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Small Fonts | font-family:Small Fonts;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Sylfaen | font-family:Sylfaen;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Tahoma | font-family:Tahoma;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Trebuchet MS | font-family:Trebuchet MS;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Verdana | font-family:Verdana;

абвгдеёжзийклмнопрстуфхцчшщьыъэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Версия: 1.1

Обновление следует …

Материал к размышлению:
The Anatomy of Web Fonts
Fonts for web design

Ответить
Обязательные поля помечены *