Выбор шрифта (гарнитуры) для Интернета?
Я сегодня задумался о выборе шрифта (гарнитуры). На сайте, который я сделал для работы, было это профессионально составленное руководство по стилю, в котором подробно описан выбор цвета, шрифта, интервалов и т. д. Я впервые видел что-то подобное, но должен признать, что то, что они выбрали, выглядело хорошо .
Я ранее читал о теории цвета, поэтому я знаю о дополнительных цветах и выборе цветовых схем, например, с 1, 2 или 3 разными цветами. Так что в любом случае меня устраивает эта сторона моего любимого проекта.
Но я действительно ничего не видел о выборе гарнитуры в веб-контексте. Я нашел несколько обсуждений шрифтов для печати, где у вас была возможность загрузить и включить пользовательские шрифты. Это не вариант в Интернете. Вы ограничены тем, что поддерживают браузеры (или, скорее, операционные системы). Мне было бы интересно прочитать что-нибудь о том, что IE и Firefox поддерживают в Windows и Mac (извините, Linux слишком маргинальный, чтобы рассматривать что-либо, кроме запасного варианта семейства шрифтов CSS) и что эти шрифты передают: серьезны ли они , формальный, случайный, привлекательный и т. д.
Кто-нибудь знает что-нибудь подобное?
Ответы 4
По этой ссылке есть диаграмма, которую вы ищете:
Это отличный справочник по веб-типографике, к которому я постоянно возвращаюсь. Охватывает основы типографики и их применение в Интернете.
http://www.typetester.org/ действительно полезен.
У вас действительно НЕТ большого разнообразия шрифтов в Интернете, если вы собираетесь быть совместимыми с разными ОС. Вы в основном ограничены действительно горсткой скучных вариантов.
Если вы хотите получить несколько «серьезных, формальных, случайных, привлекательных» шрифтов, вам нужно будет создавать растровые изображения в графическом редакторе - что, конечно, не очень помогает, если ваш контент не статичен.
Для динамического контента с «неограниченным» диапазоном обработок шрифтов я бы, вероятно, попробовал немного PHP + GD или ImageMagick для генерации растровых изображений на лету.