Выбираем шрифты для сайта из 15 лучших вариантов
0 ∞
- Шрифты для сайта, совместимые с HTML и CSS
- Шрифты для сайта — что может быть не так?
- Самые популярные шрифты для веб-страниц
- Arial
- Helvetica
- Times New Roman
- Times
- Courier New
- Courier
- Verdana
- Georgia
- Palatino
- Garamond
- Bookman
- Comic Sans MS
- Trebuchet MS
- Arial Black
- Impact
- Заключение
Одной из главных задач веб-дизайна является подбор правильных стандартных шрифтов. Сервисы для внедрения шрифтов, такие как Google Web Fonts или Typekit, были созданы в качестве альтернативы с целью предоставить что-то новое.
Их очень просто использовать. Рассмотрим в качестве примера сервис Google Web Fonts.
Выбираете шрифт Open Sans, Droid Serif или Lato. Пишите код и вставляете его в элемент <head> HTML-документа. Все готово, чтобы ссылаться на него в CSS! Весь Процесс занял не более 60 секунд. Причем все совершенно бесплатно.
Какой-то шрифт может быть доступен не для всех. А это означает, что могут проблемы. Вы довольны тем, что выбрали красивые шрифты для сайта, а посетитель веб-страницы видит вместо них безобразную писанину.
Такого не случится, если реализовать резервный вариант.
Насколько важно применение безопасных веб-шрифтов?
У каждого устройства есть собственный набор предустановленных шрифтов. Какой именно, зависит от операционной системы. Беда в том, что между ними есть небольшие различия.
А сайты? Например, этот? Шрифт, который видите вы, может быть вовсе не тем, который изначально прописан для сайта.
Что это значит? Допустим, что дизайнер выбрал для сайта какое-то семейство платных шрифтов. Если у вас они не установлены и не предоставляется специальным веб-сервисом, то шрифт, который вы видите, — один из стандартных вариантов.
Например, Times New Roman.
Поэтому как на вашем экране текст может выглядеть просто ужасно.
А вот стандартные шрифты для сайта есть во всех операционных системах. Это небольшая коллекция, доступная в Windows, Mac, Google, а также Unix и Linux.
С помощью этой подборки дизайнеры, а также владельцы сайтов могут указать, какой именно шрифт следует применить в качестве резервного. Таким образом, появляется возможность контроля над тем, как будет выглядеть страница на разных устройствах.
В качестве запасного варианта разработчик подбирает шрифт, очень похожий на оригинальный, и именно он будет продемонстрирован пользователю.
Взглянем на подборку, в которой собраны стандартные шрифты HTML.
Считается стандартным в большинстве случаев. Самый распространенный из шрифтов «sans serif» или рубленых шрифтов (у которых нет засечек на кончиках букв). Его часто используют в Windows для замены других литер.
Helvetica — палочка-выручалочка для дизайнеров. Этот стандартный веб шрифт работает практически всегда (по крайней мере, в качестве подстраховки для других шрифтов).
Выполняет ту же роль для шрифтов с засечками, что и Arial для тех, что без засечек. Он является одним из самых популярных на Windows-устройствах. Это обновленная версия старого шрифта Times.
Стандартный шрифт CSS Times знаком большинству. Многим он запомнился по маленьким буквам в узких колонках старых газет. Самый обычный, ставший традицией, вид печати.
Похож на Times New Roman и применяется в качестве разновидности старой классики. Он также считается моноширинным шрифтом. В отличие от шрифтов с засечками и без, все его знаки имеют одинаковую ширину.
Старый шрифт фиксированной ширины, который используется в качестве резервного почти на всех устройствах и операционных системах.
Verdana может по праву считаться истинным веб-шрифтом (true web font) благодаря простым линиям, выступающим в роли засечек, а также большому размеру. Его буквы слегка вытянуты, поэтому легко читаются на экране.
Стандартный web шрифт Georgia формой и размером напоминает шрифт Verdana.
Его знаки больше, чем у других шрифтов того же размера. Но лучше не применять его в паре с другими. Тот же Times New Roman, по сравнению с ним выглядит словно карлик.
Palatino относится к эпохе ренессанса. Никаких шуток. Это еще один крупный шрифт, который идеально подходит для интернета. Обычно он используется в заголовках и рекламе.
Еще один старинный шрифт, который появился еще в 16 веке в Париже. Его новая и улучшенная версия входит в комплект стандартных в большинстве Windows-устройств. Позже данный шрифт был взят на вооружение и другими операционными системами.
Bookman (или Bookman Old Style) — один из лучших стандартных шрифтов для заголовков. Его характерная черта — удобочитаемость даже при использовании маленького размера.
Comic Sans MS — забавная альтернатива для шрифтов с засечками.
Это шрифт средневековой тематики, изначально разработанный корпорацией Microsoft в середине девяностых годов. Он применялся в Windows XP. Сегодня с его помощью составляют основной текст.
Аналог стандартного шрифта для сайта Arial. Правда, он больше, толще и жестче. Своими пропорциями он похож на шрифт Helvetica. А это важно. Им можно успешно заменить Helvetica без необходимости покупать лицензию.
Еще один замечательный шрифт для выделения заголовков. Он хорошо смотрится в короткой фразе, состоящей из нескольких слов, а также в длинных предложениях.
Стандартные шрифты для сайта — это запасной вариант на случай провала плана А. Десятилетиями они широко используются на большинстве устройств.
А если нет? Helvetica не подкачает!
СМСергей Марочканичавтор статьи «15 Best Web Safe Fonts»
Пожалуйста, опубликуйте свои отзывы по текущей теме статьи. За комментарии, дизлайки, отклики, лайки, подписки низкий вам поклон!
Выбираем шрифты для сайта из 15 лучших вариантов
0 ∞
- Шрифты для сайта, совместимые с HTML и CSS
- Шрифты для сайта — что может быть не так?
- Самые популярные шрифты для веб-страниц
- Arial
- Helvetica
- Times New Roman
- Times
- Courier New
- Courier
- Verdana
- Georgia
- Palatino
- Garamond
- Bookman
- Comic Sans MS
- Trebuchet MS
- Arial Black
- Impact
- Заключение
Одной из главных задач веб-дизайна является подбор правильных стандартных шрифтов.
Сервисы для внедрения шрифтов, такие как Google Web Fonts или Typekit, были созданы в качестве альтернативы с целью предоставить что-то новое.
Их очень просто использовать. Рассмотрим в качестве примера сервис Google Web Fonts.
Выбираете шрифт Open Sans, Droid Serif или Lato. Пишите код и вставляете его в элемент <head> HTML-документа. Все готово, чтобы ссылаться на него в CSS! Весь Процесс занял не более 60 секунд. Причем все совершенно бесплатно.
Какой-то шрифт может быть доступен не для всех. А это означает, что могут проблемы. Вы довольны тем, что выбрали красивые шрифты для сайта, а посетитель веб-страницы видит вместо них безобразную писанину.
Такого не случится, если реализовать резервный вариант.
Насколько важно применение безопасных веб-шрифтов?
У каждого устройства есть собственный набор предустановленных шрифтов. Какой именно, зависит от операционной системы. Беда в том, что между ними есть небольшие различия.
А сайты? Например, этот? Шрифт, который видите вы, может быть вовсе не тем, который изначально прописан для сайта.
Что это значит? Допустим, что дизайнер выбрал для сайта какое-то семейство платных шрифтов. Если у вас они не установлены и не предоставляется специальным веб-сервисом, то шрифт, который вы видите, — один из стандартных вариантов. Например, Times New Roman.
Поэтому как на вашем экране текст может выглядеть просто ужасно.
А вот стандартные шрифты для сайта есть во всех операционных системах. Это небольшая коллекция, доступная в Windows, Mac, Google, а также Unix и Linux.
С помощью этой подборки дизайнеры, а также владельцы сайтов могут указать, какой именно шрифт следует применить в качестве резервного. Таким образом, появляется возможность контроля над тем, как будет выглядеть страница на разных устройствах.
В качестве запасного варианта разработчик подбирает шрифт, очень похожий на оригинальный, и именно он будет продемонстрирован пользователю.
Взглянем на подборку, в которой собраны стандартные шрифты HTML.
Считается стандартным в большинстве случаев.
Самый распространенный из шрифтов «sans serif» или рубленых шрифтов (у которых нет засечек на кончиках букв). Его часто используют в Windows для замены других литер.
Helvetica — палочка-выручалочка для дизайнеров. Этот стандартный веб шрифт работает практически всегда (по крайней мере, в качестве подстраховки для других шрифтов).
Выполняет ту же роль для шрифтов с засечками, что и Arial для тех, что без засечек. Он является одним из самых популярных на Windows-устройствах. Это обновленная версия старого шрифта Times.
Стандартный шрифт CSS Times знаком большинству. Многим он запомнился по маленьким буквам в узких колонках старых газет. Самый обычный, ставший традицией, вид печати.
Похож на Times New Roman и применяется в качестве разновидности старой классики. Он также считается моноширинным шрифтом. В отличие от шрифтов с засечками и без, все его знаки имеют одинаковую ширину.
Старый шрифт фиксированной ширины, который используется в качестве резервного почти на всех устройствах и операционных системах.
Verdana может по праву считаться истинным веб-шрифтом (true web font) благодаря простым линиям, выступающим в роли засечек, а также большому размеру. Его буквы слегка вытянуты, поэтому легко читаются на экране.
Стандартный web шрифт Georgia формой и размером напоминает шрифт Verdana. Его знаки больше, чем у других шрифтов того же размера. Но лучше не применять его в паре с другими. Тот же Times New Roman, по сравнению с ним выглядит словно карлик.
Palatino относится к эпохе ренессанса. Никаких шуток. Это еще один крупный шрифт, который идеально подходит для интернета. Обычно он используется в заголовках и рекламе.
Еще один старинный шрифт, который появился еще в 16 веке в Париже. Его новая и улучшенная версия входит в комплект стандартных в большинстве Windows-устройств. Позже данный шрифт был взят на вооружение и другими операционными системами.
Bookman (или Bookman Old Style) — один из лучших стандартных шрифтов для заголовков. Его характерная черта — удобочитаемость даже при использовании маленького размера.
Comic Sans MS — забавная альтернатива для шрифтов с засечками.
Это шрифт средневековой тематики, изначально разработанный корпорацией Microsoft в середине девяностых годов. Он применялся в Windows XP. Сегодня с его помощью составляют основной текст.
Аналог стандартного шрифта для сайта Arial. Правда, он больше, толще и жестче. Своими пропорциями он похож на шрифт Helvetica. А это важно. Им можно успешно заменить Helvetica без необходимости покупать лицензию.
Еще один замечательный шрифт для выделения заголовков. Он хорошо смотрится в короткой фразе, состоящей из нескольких слов, а также в длинных предложениях.
Стандартные шрифты для сайта — это запасной вариант на случай провала плана А. Десятилетиями они широко используются на большинстве устройств.
А если нет? Helvetica не подкачает!
СМСергей Марочканичавтор статьи «15 Best Web Safe Fonts»
Пожалуйста, опубликуйте свои отзывы по текущей теме статьи. За комментарии, дизлайки, отклики, лайки, подписки низкий вам поклон!
10 лучших шрифтов для подписи электронной почты (на 100% безопасных для электронной почты)
Шрифты подписи электронной почты могут оказать большое влияние на то, как вас воспринимают как личность и как профессионала.
Но когда вы создаете свою электронную подпись, вам нужно подумать о многих элементах дизайна, таких как цвет, изображение и шаблон, поэтому неудивительно, что выбор эффективного шрифта для подписи часто упускается из виду . Это может повредить вашему общественному восприятию, даже если вы этого не знаете.
В этой статье вы найдете список из безопасных для электронной почты шрифтов , которые вы можете использовать для всех основных поставщиков электронной почты, таких как Outlook , Gmail , Apple Mail , iOS Mail, Yahoo , Samsung почта, и даже Тандерберд.
Лучшие шрифты для подписи электронной почты
Эти шрифты будут работать на 100% как на ПК, так и на Mac, а также на всех ведущих браузерах и программном обеспечении почтовых платформ:
- Arial
- Курьер Новый
- Грузия
- Люсида Санс
- Таймс Нью Роман
- Трубочет
- Вердана
- Комикс Санс
- Воздействие
- Палатино
Хороший выбор шрифтов для подписи электронной почты | Сделано с помощью WiseStamp
Риски выбора неправильного шрифта подписи электронной почты
Может показаться, что это не так, но неправильный выбор шрифта подписи может привести к большому риску .
Неудачный выбор шрифта подписи электронной почты может вызвать некоторые слишком частые проблемы:
- Если ваш шрифт не является веб-безопасным, он может быть доступен не на всех почтовых платформах или браузерах. Если это так, браузеры вернутся к шрифту по умолчанию, который может нарушить дизайн вашей подписи (подробнее о резервных шрифтах читайте дальше).
- Если ваш шрифт слишком стильный, он может произвести впечатление непрофессионала или заставить людей считать вас непорядочным или ненадежным.
- Если ваш шрифт неразборчив и плохо читаем, большинство людей могут отказаться читать информацию о вашей подписи.
Помните, что шрифты многое говорят о вас, а также о вашем бизнесе и личном бренде, поэтому важно выбрать безопасный шрифт и хорошо подумать, прежде чем выбрать правильный вид шрифта. давайте посмотрим, что входит в это соображение.
Как выбрать лучший шрифт для подписи электронной почты
Чтобы выяснить, какой шрифт лучше всего подходит для вашей подписи, необходимо учитывать 2 фактора: практичность и психологию.
Давайте поближе посмотрим на оба.
Как выбрать практичный шрифт для подписи?
1) Выберите разборчивый шрифт
Т.е. шрифт, который легко читать. Это означает, что вам следует избегать курсивных или сильно стилизованных шрифтов с большим количеством украшений. Когда дело доходит до четких, разборчивых шрифтов, следует придерживаться двух семейств шрифтов: с засечками или без засечек .
Шрифты с засечками чаще используются для печати, в то время как шрифты без засечек более распространены для цифровых, хотя оба они являются фаворитами как для печатных, так и для цифровых носителей.
Чрезвычайно важно выбрать веб-безопасный шрифт, чтобы ваша электронная подпись отображалась именно так, как вы хотите. С другой стороны, если шрифт не является «веб-безопасным» и устройство получателя не распознает шрифт, он может отображаться совершенно другим шрифтом, который вы не можете контролировать.
2) Выберите веб-безопасный шрифт
Т.
е. шрифты, предустановленные на большинстве компьютеров, операционных систем, мобильных устройств и браузеров.
Веб-безопасный шрифт будет доступен для отображения в наиболее часто используемых браузерах, таких как Chrome, Safari и Firefox, а также в распространенных операционных системах, таких как Microsoft Windows, Apple iOS, Apple macOS, Google Android OS и Linux Operating Система.
Все фирменные шрифты, которые мы включили в этот список, безопасны для Интернета , так что вы можете рассчитывать на их работу в 99% случаев.
Что такое резервный шрифт?
Как мы упоминали ранее, не все шрифты совместимы с каждым браузером или платформой электронной почты. Если вы используете шрифт в своей подписи, который несовместим с определенной платформой, и эти шрифты не установлены в ОС вашего получателя, платформа автоматически вернется к резервному шрифту.
Запасной шрифт различается в зависимости от платформы электронной почты и веб-браузера, но если вас не устраивает ни один из шрифтов по умолчанию, вы можете выбрать другой безопасный для электронной почты шрифт из приведенного выше списка, который будет использоваться в качестве резервного шрифта для вашей подписи через все платформы.
Вот резервные шрифты, используемые по умолчанию на каждой платформе электронной почты, если не указано иное:
| Gmail | Outlook | Apple Mail 90 004 |
| Arial | Times New Roman | Helvetica |
Использование психологических эффектов для создания положительного впечатления с помощью шрифтов
Теперь пришло время взглянуть на психологию стиля и внешнего вида шрифтов, которая также известна как типографика. Различные исследования показали, что определенные шрифты могут влиять на эмоции читателя и восприятие читаемого материала.
Согласно исследованию Университета штата Уичито, шрифты с засечками воспринимаются как «стабильные», «практичные» и «зрелые». При этом шрифты без засечек воспринимались как нейтральные; они не вызывали ни положительных, ни отрицательных эмоций и поэтому считаются безопасным универсальным типом шрифта.
И снова шрифты с засечками и без засечек побеждают. Они не только практичны для цифрового общения, но и создают образ стабильности и не вызывают сильных эмоций от считывателя.
Лучшие шрифты для электронной подписи (обновлено до версии 2023)
Все шрифты в нашем списке относятся к шрифтам с засечками и без засечек , поскольку они легко читаются и оказывают положительное психологическое воздействие на читателей.
Кроме того, фирменные шрифты в этом списке используются либо Microsoft, либо Google. Ограничивая себя только шрифтами из соответствующих библиотек, мы гарантируем, что все шрифты в списке являются веб-безопасными . Это связано с тем, что большинство людей используют либо Outlook (от Microsoft), либо Gmail (от Google), и Apple также покрывает эти шрифты. Это гарантирует очень высокую уверенность в том, что ваш шрифт будет работать в течение 99% людей.
Но даже с этими ограничениями у вас все равно есть из чего выбирать.
Поэтому мы позволили нашим дизайнерам выбрать шрифт, который они считают наиболее привлекательным и подходящим для профессиональной электронной подписи .
Windows
Mac
Название шрифта
Arial
100%
99%
9000 2 Arial Black98%
96%
Arial Narrow
88%
95%
Calibri
83%
38%
Helvetica
7%
100%
Verdana
900 02 100%100%
Грузия
99%
97%
Палатино
99%
86%
Люсида Брайт
76%
99%
Times New Roman
99%
97% 9 0007
Курьер Новый
99%
95%
Источник данных: cssfontstack
1) Arial
Шрифт Microsoft
2) Verdana
Шрифт Microsoft
3) Helvetica – (100% работает только на Mac)
Шрифт Microsoft
90 0704) Trebuchet MS
Шрифт Microsoft
5) Georgia
Шрифт Microsoft
6) Times New Roman
Шрифт Microsoft
7) Garamond — 100% только на Mac
Шрифт Microsoft
Вы не нашли здесь свой шрифт.
Ознакомьтесь с библиотекой шрифтов Microsoft и библиотекой шрифтов Google для более глубокого погружения.
А если вы нашли свой шрифт и готовы сделать профессиональную электронную подпись — смотрите следующий раздел.
А если вы нашли свой шрифт и готовы сделать профессиональную электронную подпись — смотрите следующий раздел.
Генератор шрифтов подписи электронной почты
В генераторе подписи электронной почты WiseStamp нажмите на селектор шрифтов. Выпадающее меню позволит вам выбрать правильный шрифт подписи, как показано ниже. Это действительно не могло быть легче.
Наша команда дизайнеров рекомендует использовать Verdana, если вы предпочитаете шрифты без засечек, и Georgia или Times New Roman, если вы предпочитаете шрифты с засечками. Или просто попробуйте их все, чтобы увидеть в действии то, что вам больше нравится.
Шрифты ежегодника могут решить или разрушить ваш дизайн ежегодника
Нигде в дизайне ежегодника серия небольших или незначительных изменений не может так легко создать кардинальное отличие, как шрифты ежегодника.
Действительно, это правда. Так говорит наука: исследователь Microsoft и профессор Массачусетского технологического института в двух разных исследованиях обнаружили, что хорошая типографика может заставить человека чувствовать себя лучше во время чтения и на самом деле может заставить его думать, что он читает в течение более короткого промежутка времени.
Мораль этой истории?
Обратите внимание на шрифты вашего ежегодника. Ваши читатели будут счастливее и будут проводить больше времени со своими ежегодниками.
В этом универсальном руководстве мы познакомим вас с основами шрифтов и типографики, с тем, как создать стратегию шрифтов для вашего ежегодника (которая включает в себя выбор шрифтов для ежегодника, их сопряжение и настройку их размера) и как сделайте так, чтобы выбранные вами шрифты ежегодника отлично смотрелись на ваших страницах. Давайте начнем.
Основы шрифтов ежегодника
Мы уже рассказывали вам об одном интересном научном исследовании, связанном со шрифтами, но вот еще одно: разные шрифты могут ускорить или замедлить скорость вашего чтения.
Самое интересное (хотя это не упоминается в этом исследовании) в том, что все зависит от того, где вы читаете. На печатной бумаге — например, в ежегодниках — шрифты с засечками обычно самые быстрые и легкие для чтения. На экранах компьютеров, как и в этом блоге, самые быстрые и легко читаемые шрифты, как правило, без засечек.
И это напоминает нам… нам, вероятно, следует разобрать разницу между шрифтами с засечками и без засечек.
Вот эта разбивка:
Шрифты с засечками
Шрифты с засечками имеют небольшие декоративные элементы в конце штрихов на буквах.
Они более разборчивы при меньшем размере шрифта и обычно считаются более консервативными (вспомните газеты и академические журналы). Как мы упоминали выше, их также легче читать на печатной странице.
Некоторые из наиболее распространенных шрифтов с засечками включают:
- Cambria
- Грузия
- Таймс Нью Роман
- Курьер Новый
Шрифты без засечек
Шрифты без засечек отличаются от шрифтов с засечками тем, что они не имеют декоративных элементов в конце штрихов.
Шрифты без засечек чаще используются в Интернете и в цифровых проектах, поскольку их легче читать на экранах компьютеров. Однако, поскольку так много людей читают на экранах компьютеров и телефонов, шрифты без засечек более знакомы читателям и становятся все более популярными в печати. Они также считаются более модными, чем шрифт с засечками.
Некоторые из наиболее распространенных шрифтов без засечек включают:
- Arial
- Калибри
- Гельветика
- Требушет
Вот краткое изображение, иллюстрирующее разницу между ними:
Изображение предоставлено http://www.lifehacker.com.
Обратите внимание на эти «ножки» на изображении выше? Это то, что определяет засечки.
Есть, конечно, и другие шрифты, например шрифты и декоративные шрифты. Хотя они могут быть очень привлекательными, они часто плохо удобочитаемы, особенно в больших блоках текста. Если вы планируете использовать что-то немного другое, лучше зарезервировать эти сценарии и декоративные шрифты для особых акцентов.
Как разработать шрифтовую стратегию для ежегодника
Мы уже упоминали, что шрифты могут изменить настроение читателя, облегчить понимание текста и ускорить процесс чтения, сделав его более приятным.
Это мощная штука.
Поскольку некоторые шрифты в некоторых вещах лучше, чем в других, вам необходимо проанализировать, какие функции вы хотите, чтобы ваши шрифты выполняли, прежде чем вы начнете их выбирать. Другими словами, вам нужно установить стратегию.
Для этого задайте себе следующие вопросы:
- Что вы хотите, чтобы люди чувствовали, когда читают ваш ежегодник?
- Вы хотите, чтобы ваш ежегодник выглядел застегнутым или модным?
- Должны ли шрифты, которые вы используете, быть знакомы вашим читателям?
- Если бы вам нужно было описать внешний вид страниц вашего ежегодника, какие слова вы бы использовали?
Ответы дадут вам стратегию для шрифтов для вашего ежегодника, что-то, что поможет вам сократить свой потенциальный выбор до чего-то более управляемого.
Не стоит недооценивать эту важность: существует около 1000 широко используемых шрифтов. Общее количество шрифтов для ежегодника должно быть почти всегда равно двум и не должно превышать трех.
Почему два (и не более трех)?
Постоянство — ключ к сбалансированному ежегоднику. Шрифты не исключение. Лучше использовать пару хорошо подобранных шрифтов, чем иметь так много, что они будут отвлекать от вашего дизайна.
Мы не смогли найти никаких научных подтверждений этому совету, но реальный опыт может быть столь же поучителен. Поэтому мы нашли этот пример заголовка ежегодника, чтобы проиллюстрировать причины:
Изображения предоставлены http://www.fusionyearbooks.com.
Глядя на этот пример, мы, наверное, все согласны с тем, что меньше значит больше, верно? Большой.
Ваш следующий шаг — перечислить, где вы будете использовать выбранные вами шрифты.
Ваш список должен включать все печатные элементы вашего ежегодника, такие как заголовки, подзаголовки, повествования, подписи к фотографиям, цитаты и номера страниц.
После того, как вы перечислите все, вам нужно разделить эти элементы на две группы:
- Элементы страницы. Это группа для заголовков, подзаголовков и информации о фолио (например, номера страниц, название книги и название раздела).
Исторически шрифты с засечками использовались для текстовых элементов, потому что они более разборчивы в больших текстовых блоках. С другой стороны, шрифты без засечек исторически использовались для элементов страницы, поскольку они обычно считаются более гибкими.
Если вы будете следовать этим историческим очередям, ваша палитра шрифтов может выглядеть примерно так:
Здесь следует отметить две вещи:
- Во-первых, то, что люди исторически выбирали шрифты с засечками для элементов текста и шрифты без засечек для элементов страницы, не означает, что вы должны это делать.
- Во-вторых, вы, наверное, обратили внимание на размер шрифта.
Лучший способ определить различные размеры элементов — использовать шкалу.
Лучший способ определить различные размеры элементов — использовать шкалу.Сейчас мы уделим больше времени каждому из них.
Выбор и сочетание шрифтов для ежегодника
Итак, вы знаете, что историческое уравнение состоит в том, что элементы страницы без засечек + элементы копии с засечками = красиво набранная страница. То, что все всегда так делали, не означает, что это то, что вы должны делать.
Вы можете перевернуть уравнение, чтобы использовать засечки в элементах страницы и без засечек в элементах копии, вы можете использовать исключительно без засечек или только засечки.
Цель состоит в том, чтобы скомбинировать шрифты вашего ежегодника таким образом, чтобы создать желаемую атмосферу и быть разборчивым для ваших читателей.
Вот несколько примеров других вариантов:
Элементы страницы с засечками (Arvo) и элементы копирования без засечек (Ubuntu):
Все элементы с засечками (элементы страницы Caslon и элементы копирования Garamond):
Все шрифты без засечек (элементы страницы Open Sans Condensed и элементы копирования Open Sans):
Ограничив свой ежегодник двумя шрифтами и назначив им разные роли, вы создаете прецедент.
Когда кто-то открывает книгу и фокусируется на сообщении, он будет знать, как будет выглядеть заголовок и как будет выглядеть подпись. Им не нужно думать. Последовательность позволяет вашему сообщению дойти до читателя, не отвлекая его.
Настройка размера шрифта
Вы, наверное, заметили, что, помимо стиля каждого шрифта в приведенных выше примерах, каждый из них выглядел как разный размер. Они не.
Для создания этих примеров мы использовали те же размеры шрифта, что и в исходной палитре шрифтов: заголовки 47 pt, подзаголовки 29 pt, основной текст 11 pt. Что подводит нас к последнему пункту в построении вашей шрифтовой стратегии: размер имеет значение.
При использовании некоторых шрифтов основной текст размером 11 пунктов будет казаться очень маленьким. С другими он будет казаться действительно большим. Для этого есть много причин (и в основном все они связаны с типографикой), но две из них, которые вы можете знать, это высота прописных букв и x-height.
Высота заглавной буквы относится к высоте заглавной буквы (обычно H), а высота x относится к высоте строчной буквы (обычно x; отсюда и название).
Эти значения высоты различаются в зависимости от шрифта, поэтому основной текст размером 11 pt выглядит по-разному.
Поскольку шрифты вашего ежегодника могут сильно различаться по удобочитаемости, вам нужно определить набор размеров, которые лучше всего подходят для выбранных вами шрифтов и для ваших читателей.
Сделайте это, установив масштаб.
Масштаб шрифта — это организованный подход к увеличению или уменьшению размера шрифта в зависимости от того, куда идет этот шрифт. Это легко сделать, и как только он будет настроен, он сэкономит вам массу времени.
Чтобы создать:
- Выберите то, что вы считаете самым важным элементом. Для примера скажем «основной текст».
- Найдите размер шрифта, который кажется приятным и разборчивым. Эмпирическое правило: что-то между 10 и 12 pts обычно лучше всего подходит для основного текста.
- Умножьте — и разделите — этот размер шрифта на заданное соотношение, чтобы получить размеры шрифта для других ваших элементов. Существует множество пропорций, которые типографы и дизайнеры используют при масштабировании шрифтов, но одна из старейших — это Золотая пропорция (мы сами давно в нее врубились). Золотое сечение примерно соответствует 1,618. Таким образом, вы будете использовать это число для увеличения и уменьшения, пока не найдете правильные размеры для каждого из ваших элементов.
На данный момент у вас есть полностью разработанная стратегия шрифтов для ежегодника. Задокументируйте это где-нибудь. Таким образом, ваша команда будет иметь к нему доступ при разработке страниц.
Как сделать так, чтобы шрифты вашего ежегодника хорошо смотрелись на странице
Преимущество шрифтов ежегодника в том, что вы можете немного манипулировать тем, как вы их используете, чтобы создать множество различных образов.
Один из самых простых и наиболее эффективных способов создания разных образов — поиграть с выравниванием шрифта. Выравнивание — это, по сути, причудливый термин для обозначения того, как вы выравниваете текст.
Существует несколько различных способов выравнивания текста и различные причины, по которым вы можете предпочесть один стиль другому:
- Выровнять по левому краю. Ваш текст выровнен по левому краю поля. В наши дни это в значительной степени используется по умолчанию, поскольку выравнивание по левому краю, как правило, легче читать, и оно имеет репутацию более современного.
- Выровнять по центру. Ваш текст находится в центре вашего поля, поэтому в конечном итоге он будет окружен большим количеством пробелов. Это помогает привлечь внимание к вашему тексту, поэтому вы захотите использовать это, когда у вас есть что-то, на чем вы хотите, чтобы читатель сосредоточился, например, заголовок.
- Выравнивание по правому краю. Ваш текст выравнивается по правому краю поля. Учитывая тот факт, что читатели читают слева направо, блок шрифта, выровненный по правому краю, имеет характерный вид. Кто-то даже скажет, что это неестественно. Но если правильно использовать, то будет отлично. Используйте его для цитаты, чтобы отделить этот блок текста от остальной части страницы.
- Полное обоснование. Ваш текст выровнен по обоим полям. Это очень традиционный вид, который до сих пор используется в юридических сводках, судебных решениях и тому подобных вещах. Если вы ищете что-то действительно застегнутое, это подойдет вам (особенно в сочетании со шрифтом с засечками). Остерегайтесь, однако: если вы выравниваете свой текст, вы, вероятно, получите какой-то странный интервал между словами.
Вот пример страницы, на которой представлены почти все из них:
Изображение предоставлено piim.newschool.edu.
Акцентирование текста
Один из лучших способов выделить текст (без переключения шрифтов) — выделить его акцентами.
