Примеры готовых комбинаций

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

Montserrat & Courier New

Беспроигрышный контраст классики и современности. Универсальный Montserrat без засечек входит в коллекцию Google-шрифтов, созданных специально для интернет-пользователей, а Courier New знаком нам еще со времен пишущих машинок. Такая пара подойдет брендам, которые хотят подчеркнуть связь между прошлым и настоящим.

Alegreya Sans SC & Source Sans Pro

Пример универсальной согласованности, которая будет гармонично выглядеть на любых носителях и в любых контекстах. Alegreya Sans SC — семейство малых заглавных букв в каллиграфическом стиле. Его дополняет лаконичный Source Sans Pro, созданный для Adobe и предназначенный для работы в пользовательских интерфейсах.

Helvetica Neue & Garamond

Классическое смешение популярных гарнитур в контрастных стилях: Helvetica Neue и Garamond. Советуем рассмотреть эту пару, если вы хотите, чтобы брендинг воспринимался как вневременной, понятный и стильный.

Lora & Merriweather

Lora — это хорошо сбалансированные шрифты, напоминающие каллиграфию. Благодаря умеренной контрастности они подойдут для основного текста. Для заголовка можно использовать Merriweather, который отличается большой Х-высотой и слегка сжатыми символами. Обе гарнитуры с засечками, а потому ассоциируются с классикой и элегантностью.

Proza Libre & Open Sans

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

Libre Baskerville & Source Sans Pro

Пример контрастности, где одна гарнитура доминирует, а вторая дополняет ее. Libre Baskerville — семейство веб-шрифтов, оптимизированное для основного текста. Несмотря на засечки, буквы остаются разборчивыми даже в небольших размерах на любом экране. Source Sans Pro подойдет для заголовков, создавая лаконичный дизайн.

Rubik & Karla

Оптимальное сочетание для брендов, которые хотят показать свою близость к пользователям. Универсальный и пропорциональный Rubik служит идеальным дополнением, меняя характер в зависимости от «соседа». Доминантой в этой паре выступает Karla, который выделяется намеренной неаккуратностью — не идеально выверенным межбуквенным расстоянием.

BioRhyme & Space Mono

Яркий контраст понравится смелым компаниям, которые хотят показать характер. BioRhyme с плоскими заметными засечками отсылает к ретро, а моноширинный (с одинаковой шириной всех символов) Space Mono — к современности. Объединяет гарнитуры то, что обе построены на геометрической основе.

Archivo Black & Roboto

Комбинация работает по принципу схожести. Archivo Black был создан для использования в заголовках, а Roboto — для работы в системе Android. Оба начертания смотрятся открыто и дружелюбно, что подойдет демократичным брендам.

Montserrat & Source Sans Pro

Еще одно нейтральное смешение удобочитаемой типографики. И Montserrat, и Source Sans Pro лаконичны, универсальны и были созданы для интернет-платформ. Эта пара будет хорошо работать на сайте или в блоге, не отвлекая внимание от содержания.

Oswald & Merriweather

Пример контраста, объединенного пропорциями символов. Oswald — современная переработка классики с вытянутыми вверх буквами и небольшими интервалами. Merriweather с засечками тоже отличается слегка сжатыми символами. Советуем выбирать эту пару тем, кто хочет показать строгость, собранность и элегантность.

Сервисы, которые помогут в работе

Беспроигрышный способ удачно подобрать сочетание — воспользоваться специальными сервисами, которые предложат готовые варианты. 

Google Fonts

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

Typeconnection

Любите игры? Сервис предлагает освоить навыки в игровой форме, составляя из гарнитур пары для свиданий. Начните с выбора главного героя и подбирайте ему подходящую пару, попутно изучая полезные термины и получая советы.  

Typography

Как и Google, этот сайт перечисляет несколько подходящих сочетаний для каждого начертания. Правда, примеры здесь небольшие и изменить вес символов нельзя.  

Logaster

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

Сгенерируйте множество логотипов с разными шрифтами в пару кликов!

Воспользуйтесь готовыми сочетаниями, составленными нашим сервисом: весь процесс займет несколько минут

Выводы 

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

Создание и выбор шрифтов — приложения Win32

• 31.05.2018
• 4 минуты на чтение

В этой статье

Общее диалоговое окно Font упрощает процесс создания и выбора шрифтов. Инициализируя структуру CHOOSEFONT и вызывая функцию CHOOSEFONT , приложение может поддерживать тот же интерфейс выбора шрифта, который ранее требовал множества строк пользовательского кода.(Дополнительные сведения об общем диалоговом окне Font см. В разделе Библиотека общих диалоговых окон.)

Выбор пользователя

В большинстве операций по созданию и выбору шрифтов участвует пользователь. Например, текстовые редакторы позволяют пользователю выбирать уникальные шрифты для заголовков, сносок и основного текста. После того как пользователь выбирает шрифт с помощью диалогового окна Font и нажимает кнопку OK , функция CHOOSEFONT инициализирует элементы структуры LOGFONT с атрибутами запрошенного шрифта.Чтобы использовать этот шрифт для операций вывода текста, приложение должно сначала создать логический шрифт, а затем выбрать этот шрифт в контексте своего устройства. Логический шрифт — это прилагаемое к приложению описание идеального шрифта. Разработчик может создать логический шрифт, вызвав функции CreateFont или CreateFontIndirect . В этом случае приложение вызовет CreateFontIndirect и предоставит указатель на структуру LOGFONT , инициализированную CHOOSEFONT .В общем, более эффективно вызывать CreateFontIndirect , потому что CreateFont требует нескольких параметров, а CreateFontIndirect требует только один указатель на LOGFONT .

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

Функция SetMapperFlags указывает, будет ли алгоритм преобразования шрифтов искать только физические шрифты с соотношением сторон, которое соответствует физическому устройству. Соотношение сторон для устройства — это соотношение, образованное шириной и высотой пикселя на этом устройстве.

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

Рекомендации по выбору специальных шрифтов

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

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

После того, как приложение перечислило доступные шрифты и обнаружило подходящее совпадение, оно должно использовать значения, возвращаемые функцией перечисления шрифтов, для инициализации элементов структуры LOGFONT . Затем он может вызвать функцию CreateFontIndirect , передав ей указатель на инициализированную структуру LOGFONT . Если функция CreateFontIndirect завершается успешно, приложение может выбрать логический шрифт, вызвав функцию SelectObject .При инициализации элементов структуры LOGFONT обязательно укажите определенный набор символов в элементе lfCharSet . Этот член важен в процессе сопоставления шрифтов, и результаты будут несовместимыми, если этот член не инициализирован правильно. Если вы указываете имя гарнитуры в члене lfFaceName структуры LOGFONT , убедитесь, что значение lfCharSet соответствует набору символов гарнитуры, указанной в lfFaceName .Например, если вы хотите выбрать шрифт, такой как MS Mincho, lfCharSet должен быть установлен на предопределенное значение SHIFTJIS_CHARSET.

Шрифты для многих восточноазиатских языков имеют два названия гарнитуры: английское название и локализованное название. CreateFont , CreateFontIndirect и CreateFontIndirectEx принимают локализованное имя гарнитуры шрифта для языкового стандарта системы, соответствующего языку, но они принимают имя английского шрифта для всех других языковых стандартов системы.Лучший способ — попробовать одно имя, а в случае неудачи — другое. Обратите внимание, что EnumFonts , EnumFontFamilies и EnumFontFamiliesEx возвращают английское имя гарнитуры, если языковой стандарт системы не соответствует языку шрифта. Начиная с Windows 2000, это больше не проблема, поскольку средство сопоставления шрифтов для CreateFont , CreateFontIndirect и CreateFontIndirectEx распознает любое имя гарнитуры, независимо от языкового стандарта.

Выбор шрифта — MozillaWiki

Введение

В этом документе обсуждается дизайн и реализация шрифта Mozilla. подсистема. Особое внимание уделяется Unicode и интернационализации.

Проблема

Mozilla выбрала Unicode в качестве внутренней кодировки символов. Это было решено отчасти потому, что HTML основан на Unicode. Хотя документы HTML существуют в различных кодировках символов, ссылки на цифровые символы определены в соответствии с ISO 10646 (надмножество Unicode).Другими причинами выбора Unicode являются тот факт, что это в основном фиксированная ширина, и может представлять большинство персонажей мира.

Проблема, которую следует здесь обсудить, заключается в том, как рисовать Unicode на нескольких устройства, особенно экраны и принтеры. Эти устройства доступны с компьютеров, работающих под управлением различных ОС, например Windows, MacOS, Unix. Детали предлагаемого решения этой проблемы Unicode очень системны. зависимый, и это тоже будет обсуждаться здесь.

Большинство шрифтов предлагают глифы только для подмножества Unicode.Хотя существуют шрифты, содержащие большое количество Unicode (например, Lucida Sans Unicode, Bitstream Cyberbit), эти шрифты не всегда обеспечивают стилистические свойства, которые предпочитают авторы и пользователи. Следовательно, эти шрифты часто называют шрифтами «последней инстанции», которые будут использоваться. только когда другие, более желательные шрифты недоступны или не содержат требуемые глифы.

Строка Unicode может содержать символы из ряда различных частей мире, или из ряда областей, таких как математика.Может потребоваться использовать несколько шрифтов для рисования определенного Unicode. строка, переключаясь с одного шрифта на другой по мере продолжения. Мы будем называть этот процесс «переключением шрифтов».

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

До появления CSS документы HTML отображались с использованием шрифтов, которые частично зависит от кодировки символов документа (кодировки). Поскольку и авторы, и пользователи таких «старых» документов стали Если вы привыкли к такому поведению, Mozilla должна его придерживаться в максимально возможной степени. Если документ HTML не сопровождается правилами шрифтов CSS, мы должны использовать специально разработанный список шрифтов, в котором первый шрифт основан на кодировка.

Это означает предпочтение шрифта, который пользователь выбрал для японского, когда документ находится в японской кодировке, такой как Shift_JIS (и нет шрифта такие спецификации, как CSS или HTML FONT FACE).Старый браузер сохранял варианты шрифтов в файле настроек, а новый Mozilla может использовать это как есть или перенести старые значения пользователя на любые новые предпочтительный формат файла, который мы придумали.

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

Другая проблема — это унификация Unicode Han. Unicode использует один набор символы китайского, японского, корейского и других ханьских языков. Как узнать, какой шрифт использовать, если документ в Юникоде? Один из способов — использовать атрибут HTML LANG. Если в атрибуте определенного фрагмента текста написано «ja», то мы можем использовать Японский шрифт для этого диапазона.

См. Также

В исходном документе также были разделы «Предлагаемое решение» и «Задачи», но, поскольку они устарели, они не были перенесены сюда.Поищите их в исходном документе.

Выбор шрифта / Шрифты по умолчанию содержит список шрифтов по умолчанию (в стадии разработки).

первоначально Эрик ван дер Поэль

Автоматический выбор шрифта — Шрифты и языки — Руководство mPDF

• О mPDF
  • Функции
  • Требования
  • Требования
  • Ограничения
  • Кредиты
  • История изменений
  • Лицензия
• Установка и настройка
  • Установка v7.х +
  • Использование mPDF без Composer
  • Уменьшение использования памяти
  • Папки для временных файлов
  • Лесозаготовка
  • Установка v6.x
• Начало работы
  • Создание первого файла
  • HTML или PHP?
• Шрифты и языки
  • Шрифты в mPDF 7.x
  • Шрифтов в mPDF 6.x
  • шрифтов в mPDF 5.х
  • О файлах PDF
  • Макет OpenType (OTL)
  • Названия шрифтов
  • Доступные шрифты v6 и v7
  • Доступные шрифты v5.x
  • Выбор конфигурации v7.x
  • Выбор конфигурации v6.x
  • Выбор конфигурации v5.x
  • Автоматический выбор шрифта
  • язык 6.x
  • язык v5.х
  • Входная кодировка
  • Двунаправленный текст (RTL) v6.x
  • Арабский (RTL) текст v5.x
  • CJK Языки
  • Шрифт по умолчанию
  • Замена шрифта 7.x
  • Замена шрифта 6.x
  • Замена шрифта 5.x
  • Замена символов
  • Обложка для шрифтов и языка v5.x
  • индийские шрифты v5.х
• Конфигурация
  • Конфигурация v7.x
  • Файлы конфигурации v6.x
  • Методы конфигурации
  • Переменные конфигурации
• Поддержка HTML
  • HTML-теги
  • Атрибуты HTML
  • Пользовательские теги HTML
• Таблицы
  • Таблицы
  • Макет стола
  • Алгоритм автоматической компоновки
  • Обрушение границы
• Пейджинг
  • Разрывы страниц
  • Двусторонние документы
  • Размер страницы и ориентация
  • Нумерация страниц
  • Использование @page
  • Разные размеры страниц
• Верхние и нижние колонтитулы
  • Верхние и нижние колонтитулы
  • Метод 1 — среда выполнения, отличная от HTML
  • Метод 2 — среда выполнения HTML
  • Метод 3 — не-HTML
  • Метод 4 — названный HTML
  • Номера страниц и дата
  • Заголовки и верхнее поле
  • HTML
  , совместимый с браузером
  • Повернутые страницы
• CSS и таблицы стилей
  • Введение
  • Поддерживаемый CSS
  • Таблица стилей по умолчанию
  • Именные цвета
• Настройка свойств файла PDF
  • Защита паролем
  • Метаданные документа
  • Версия PDF
• Что еще я могу сделать
  • Фоны и границы
  • Блоки фиксированного положения
  • Плавающие блоки
  • Расстановка переносов
  • Изображения
  • Кернинг
  • Высота строки
  • Разрыв строки
  • Списки
  • Обоснование текста
  • Аннотации
  • Штрих-коды
  • Закладки
  • Колонны
  • Формы
  • Индекс
  • слоев
  • Содержание
  • Водяные знаки
  • Заменяемые псевдонимы
  • цветов CMYK
  • Импорт файлов и шаблонов
  • Перезапись существующих файлов
  • Написание текста, отличного от HTML
  • Связанные файлы PDF / A-3 + дополнительный xmp rdf
  • Соответствие PDF / A1-b
  • Соответствие PDF / X-1a
  • Захват вывода HTML
  • Математические формулы с MathJax
  • Математика с MathJax 2
  • Сочетание диакритических знаков
• Примеры из реальной жизни
  • Обзор

Введение — CSS и таблицы стилей — Руководство mPDF

• О mPDF
  • Функции
  • Требования
  • Требования
  • Ограничения
  • Кредиты
  • История изменений
  • Лицензия
• Установка и настройка
  • Установка v7.х +
  • Использование mPDF без Composer
  • Уменьшение использования памяти
  • Папки для временных файлов
  • Лесозаготовка
  • Установка v6.x
• Начало работы
  • Создание первого файла
  • HTML или PHP?
• Шрифты и языки
  • Шрифты в mPDF 7.x
  • Шрифтов в mPDF 6.x
  • шрифтов в mPDF 5.х
  • О файлах PDF
  • Макет OpenType (OTL)
  • Названия шрифтов
  • Доступные шрифты v6 и v7
  • Доступные шрифты v5.x
  • Выбор конфигурации v7.x
  • Выбор конфигурации v6.x
  • Выбор конфигурации v5.x
  • Автоматический выбор шрифта
  • язык 6.x
  • язык v5.х
  • Входная кодировка
  • Двунаправленный текст (RTL) v6.x
  • Арабский (RTL) текст v5.x
  • CJK Языки
  • Шрифт по умолчанию
  • Замена шрифта 7.x
  • Замена шрифта 6.x
  • Замена шрифта 5.x
  • Замена символов
  • Обложка для шрифтов и языка v5.x
  • индийские шрифты v5.х
• Конфигурация
  • Конфигурация v7.x
  • Файлы конфигурации v6.x
  • Методы конфигурации
  • Переменные конфигурации
• Поддержка HTML
  • HTML-теги
  • Атрибуты HTML
  • Пользовательские теги HTML
• Таблицы
  • Таблицы
  • Макет стола
  • Алгоритм автоматической компоновки
  • Обрушение границы
• Пейджинг
  • Разрывы страниц
  • Двусторонние документы
  • Размер страницы и ориентация
  • Нумерация страниц
  • Использование @page
  • Разные размеры страниц
• Верхние и нижние колонтитулы
  • Верхние и нижние колонтитулы
  • Метод 1 — среда выполнения, отличная от HTML
  • Метод 2 — среда выполнения HTML
  • Метод 3 — не-HTML
  • Метод 4 — названный HTML
  • Номера страниц и дата
  • Заголовки и верхнее поле
  • HTML
  , совместимый с браузером
  • Повернутые страницы
• CSS и таблицы стилей
  • Введение
  • Поддерживаемый CSS
  • Таблица стилей по умолчанию
  • Именные цвета
• Настройка свойств файла PDF
  • Защита паролем
  • Метаданные документа
  • Версия PDF
• Что еще я могу сделать
  • Фоны и границы
  • Блоки фиксированного положения
  • Плавающие блоки
  • Расстановка переносов
  • Изображения
  • Кернинг
  • Высота строки
  • Разрыв строки
  • Списки
  • Обоснование текста
  • Аннотации
  • Штрих-коды
  • Закладки
  • Колонны
  • Формы
  • Индекс
  • слоев
  • Содержание
  • Водяные знаки
  • Заменяемые псевдонимы
  • цветов CMYK
  • Импорт файлов и шаблонов
  • Перезапись существующих файлов
  • Написание текста, отличного от HTML
  • Связанные файлы PDF / A-3 + дополнительный xmp rdf
  • Соответствие PDF / A1-b
  • Соответствие PDF / X-1a
  • Захват вывода HTML
  • Математические формулы с MathJax
  • Математика с MathJax 2
  • Сочетание диакритических знаков
• Примеры из жизни
  • Обзор

Замена шрифта v7 + — Шрифты и языки — Руководство mPDF

• О mPDF
  • Функции
  • Требования
  • Требования
  • Ограничения
  • Кредиты
  • История изменений
  • Лицензия
• Установка и настройка
  • Установка v7.х +
  • Использование mPDF без Composer
  • Уменьшение использования памяти
  • Папки для временных файлов
  • Лесозаготовка
  • Установка v6.x
• Начало работы
  • Создание первого файла
  • HTML или PHP?
• Шрифты и языки
  • Шрифты в mPDF 7.x
  • Шрифтов в mPDF 6.x
  • шрифтов в mPDF 5.х
  • О файлах PDF
  • Макет OpenType (OTL)
  • Названия шрифтов
  • Доступные шрифты v6 и v7
  • Доступные шрифты v5.x
  • Выбор конфигурации v7.x
  • Выбор конфигурации v6.x
  • Выбор конфигурации v5.x
  • Автоматический выбор шрифта
  • язык 6.x
  • язык v5.х
  • Входная кодировка
  • Двунаправленный текст (RTL) v6.x
  • Арабский (RTL) текст v5.x
  • CJK Языки
  • Шрифт по умолчанию
  • Замена шрифта 7.x
  • Замена шрифта 6.x
  • Замена шрифта 5.x
  • Замена символов
  • Обложка для шрифтов и языка v5.x
  • индийские шрифты v5.х
• Конфигурация
  • Конфигурация v7.x
  • Файлы конфигурации v6.x
  • Методы конфигурации
  • Переменные конфигурации
• Поддержка HTML
  • HTML-теги
  • Атрибуты HTML
  • Пользовательские теги HTML
• Таблицы
  • Таблицы
  • Макет стола
  • Алгоритм автоматической компоновки
  • Обрушение границы
• Пейджинг
  • Разрывы страниц
  • Двусторонние документы
  • Размер страницы и ориентация
  • Нумерация страниц
  • Использование @page
  • Разные размеры страниц
• Верхние и нижние колонтитулы
  • Верхние и нижние колонтитулы
  • Метод 1 — среда выполнения, отличная от HTML
  • Метод 2 — среда выполнения HTML
  • Метод 3 — не-HTML
  • Метод 4 — названный HTML
  • Номера страниц и дата
  • Заголовки и верхнее поле
  • HTML
  , совместимый с браузером
  • Повернутые страницы
• CSS и таблицы стилей
  • Введение
  • Поддерживаемый CSS
  • Таблица стилей по умолчанию
  • Именные цвета
• Настройка свойств файла PDF
  • Защита паролем
  • Метаданные документа
  • Версия PDF
• Что еще я могу сделать
  • Фоны и границы
  • Блоки фиксированного положения
  • Плавающие блоки
  • Расстановка переносов
  • Изображения
  • Кернинг
  • Высота строки
  • Разрыв строки
  • Списки
  • Обоснование текста
  • Аннотации
  • Штрих-коды
  • Закладки
  • Колонны
  • Формы
  • Индекс
  • слоев
  • Содержание
  • Водяные знаки
  • Заменяемые псевдонимы
  • цветов CMYK
  • Импорт файлов и шаблонов
  • Перезапись существующих файлов
  • Написание текста, отличного от HTML
  • Связанные файлы PDF / A-3 + дополнительный xmp rdf
  • Соответствие PDF / A1-b
  • Соответствие PDF / X-1a
  • Захват вывода HTML
  • Математические формулы с MathJax
  • Математика с MathJax 2
  • Сочетание диакритических знаков
• Примеры из реальной жизни
  • Обзор

Как выбрать шрифты для вашего бренда

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

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

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

Отправка шрифтов фирменных сообщений
—

Мы только что отправили вам ваш первый урок.

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

Шрифты с засечками

Шрифты с засечками — самые старые и самые классические шрифты. «Засечки» — это небольшая декоративная линия в конце штриха символа. Самый популярный и распространенный пример — Times New Roman, шрифт по умолчанию для поколения людей, использующих Microsoft Word. Шрифты с засечками классные, литературные и высококачественные. Они всегда являются хорошим выбором для расширенных абзацев текста, таких как книги, брошюры и мелкий шрифт, потому что они очень разборчивы, а наши глаза привыкли к их форме.

Шрифты без засечек

Если вы помните французский, который изучали в старших классах, вы, возможно, уже понимали, что означает sans serif — «без засечек». У них нет маленьких ножек, которые есть у шрифтов с засечками, а также, как правило, линии имеют толщину от одного конца до другого. Сама статья написана шрифтом без засечек! Они отлично подходят для общей читаемости и очень хорошо подходят для мелкого шрифта. У них также есть дополнительное преимущество — они хорошо работают в более низком разрешении, что делает их идеальными для цифрового использования, включая веб-сайты и электронные книги.Они всегда привносят силу, ясность и современный, чистый вид в любой проект, в котором они представлены. Разный вес одного и того же шрифта может предлагать совершенно разные тона, например: толстые шрифты без засечек — мужественный и трудолюбивый вид, тогда как версия с тонкими линиями выглядит эффектно и благородный.

Плоские шрифты

Шрифты Slab характеризуются блочными засечками. Если вы когда-нибудь печатали на пишущей машинке старой школы, вы видели плоские шрифты. Они привносят олдскульный, почти ботанический шарм в проект или бренд.Их нужно использовать осторожно, и они обычно лучше подходят для логотипов и заголовков, чем для расширенного текста, но по-прежнему приятны для глаз.

Скриптовые шрифты

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

Декоративные шрифты

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

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

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

Создание удачных сочетаний шрифтов и построение иерархии
—

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

Это можно сделать двумя основными способами: вы можете использовать два дополнительных шрифта из двух вышеперечисленных категорий или смешать два стиля из одного семейства. Например: sans serifs прекрасно работают как дополнительный шрифт для заголовков разделов, особенно если ваш основной шрифт — serif. С другой стороны, использование шрифта, выделенного жирным шрифтом, для головы и меньшего, обычного веса для тела, создает такой же приятный контраст.

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

Какой бренд какой шрифт использовать?
–

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

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

Бесплатные шрифты по сравнению с платными
—

. Если вы пытаетесь сделать часть своего брендинга самостоятельно, у вас может возникнуть соблазн в пользу бесплатных шрифтов, поскольку есть тысячи и тысячи легко доступны в Интернете.Многие из них чистые и могут хорошо служить вашему бренду. Будьте очень избирательны и внимательно оценивайте их. Как упоминалось выше, вам могут потребоваться различные веса (полужирный, полужирный, курсив и т. Д.), Которых часто нет в бесплатных шрифтах. Возможно, вам понадобится символ или символ, которых нет. Многие бесплатные шрифты не имеют расширенных символов для иностранных языков и валют; у других даже нет апострофов и дефисов!

Для использования в Интернете Google Fonts предлагает широкий спектр шрифтов с открытым исходным кодом, которые можно использовать на любом веб-сайте, даже если он предназначен для бизнеса.(У них также есть отличный инструмент для комбинирования шрифтов, который поможет вам увидеть, какие шрифты используют другие люди.)

Фирменные шрифты, которых следует избегать

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