Комбинирование шрифтов

Гармоничное сочетание шрифтов в одной комбинации очень важно для хорошего дизайна.

Правила комбинирования шрифтов

Вот несколько базовых правил для создания хорошей комбинации шрифтов:

1. Дополняемость

Безопасно, когда комбинируемые шрифты дополняют друг друга.

Комбинация шрифтов должна быть гармоничным набором - шрифты должны быть не очень похожими, но и не очень разными.

2. Используйте супергруппы шрифтов

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

Например, в супергруппу Lucida входят следующие шрифты: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif и Lucida Math.

3. Главное контраст

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

Например, хорошо известной комбинацией является комбинация шрифтов serif и sans serif.

Развитые супергруппы включают как serif, так и sans serif варианты одного и того же шрифта (например, Lucida и Lucida Sans).

4. Выбирайте только один главный шрифт

Только один шрифт должен быть главным. Это задает иерархию для шрифтов на вашей странице. Достичь этого можно изменяя размер, жирность и цвет текста.

В следующем примере шрифт "Georgia" без сомнения является главным:


body {
  background-color: black;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: gray;
}

h1 {
  font-family: Georgia, serif;
  font-size: 60px;
  color: white;
}

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

Georgia и Verdana

Georgia и Verdana - это классическая комбинация шрифтов. Она также соответствует стандартам веб-безопасности шрифтов.

Шрифт "Georgia" используется для заголовков, а "Verdana" для текста:

Пустые размышления

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

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


Helvetica и Garamond

Helvetica и Garamond - это еще одна классическая комбинация веб-безопасных шрифтов.

Шрифт "Helvetica" используется для заголовков, а "Garamond" для текста:

Пустые размышления

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

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


Популярные комбинации шрифтов Google

Если вы не хотите использовать стандартные шрифты, то вы можете использовать шрифты Google.

Шрифты Google бесплатны и их более 1000.

Ниже приводятся популярные комбинации шрифтов Google.

Merriweather и Open Sans

Шрифт "Merriweather" используется для заголовков, а "Open Sans" для текста:

Пустые размышления

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

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


Ubuntu и Lora

Шрифт "Ubuntu" используется для заголовков, а "Lora" для текста:

Пустые размышления

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

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


Abril Fatface и Poppins

Шрифт "Abril Fatface" используется для заголовков, а "Poppins" для текста:

Пустые размышления

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

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


Cinzel и Fauna One

Шрифт "Cinzel" используется для заголовков, а "Fauna One" для текста:

Пустые размышления

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

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


Fjalla One и Libre Baskerville

Шрифт "Fjalla One" используется для заголовков, а "Libre Baskerville" для текста:

Пустые размышления

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

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


Space Mono и Muli

Шрифт "Space Mono" используется для заголовков, а "Muli" для текста:

Пустые размышления

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

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


Spectral и Rubik

Шрифт "Spectral" используется для заголовков, а "Rubik" для текста:

Пустые размышления

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

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


Oswald и Noto Sans

Шрифт "Oswald" используется для заголовков, а "Noto Sans" для текста:

Пустые размышления

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

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