CSS Хорошие сочетания шрифтов
Хорошие сочетания шрифтов необходимы для отличного дизайна.
Правила сочетания шрифтов
Вот несколько основных правил для создания отличных пар шрифтов:
1. Комплимент
Всегда безопасно находить сочетания шрифтов, которые дополняют друг друга.
Хорошая комбинация шрифтов должна гармонировать, не быть слишком похожей или слишком разной.
2. Использование суперсемейства шрифтов
Суперсемейство шрифтов - это набор шрифтов, предназначенный для совместной работы. Таким образом, использование разных шрифтов в одном суперсемействе безопасно.
Например, суперсемейство Lucida содержит следующие шрифты: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif и Lucida Math.
3. Контраст - это король
Два слишком похожих шрифта часто конфликтуют. Тем не менее, контрасты, выполненные правильно, раскрывают все лучшее в каждом шрифте.
Пример. Комбинация шрифтов с засечками и без засечек - хорошо известная комбинация.
Сильное суперсемейство включает варианты одного и того же шрифта с засечками и без засечек (например, 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" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Helvetica и Garamond
Helvetica и Garamond - еще одна классическая комбинация, в которой используются веб-безопасные шрифты:
Пример
Используйте шрифт "Helvetica" для заголовков, а "Garamond" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Популярные сочетания шрифтов Google
Если вы не хотите использовать стандартные шрифты в HTML, вы можете использовать Google шрифты.
Шрифты Google можно использовать бесплатно, и вы можете выбрать из более 1000 шрифтов.
Ниже приведены некоторые популярные сочетания веб-шрифтов Google.
Merriweather и Open Sans
Пример
Используйте шрифт "Merriweather" для заголовков, а "Open Sans" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Ubuntu и Lora
Пример
Используйте шрифт "Ubuntu" для заголовков, и "Lora" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Abril Fatface и Poppins
Пример
Используйте шрифт "Abril Fatface" для заголовков, а "Poppins" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Cinzel и Fauna One
Пример
Используйте шрифт "Cinzel" для заголовков, а "Fauna One" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Fjalla One и Libre Baskerville
Пример
Используйте шрифт "Fjalla One" для заголовков, а "Libre Baskerville" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Space Mono и Muli
Пример
Используйте шрифт "Space Mono" для заголовков, а "Muli" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Spectral и Rubik
Пример
Используйте шрифт "Spectral" для заголовков, а "Rubik" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Oswald и Noto Sans
Пример
Используйте шрифт "Oswald" для заголовков, а "Noto Sans" для текста:
Прекрасная Норвегия
Норвегия имеет общую площадь 385 252 квадратных километров и население 5 438 657 человек (декабрь 2020 г.). Норвегия граничит с Швецией, Финляндией и Россией на северо-востоке, а Скагеррак - на юге, с Данией на другой стороне.
В Норвегии красивые горы, ледники и потрясающие фьорды. Осло, столица, - это город зеленых насаждений и музеев. Берген с красочными деревянными домами является отправной точкой для круизов по впечатляющему Согне-фьорду. Норвегия также известна рыбной ловлей, пешим туризмом и лыжным спортом.
Попробуйте сами »
Чтобы просмотреть список всех бесплатных шрифтов Google, посетите Учебник Google шрифтов на нашем сайте W3Schools на русском.
Примечание. Google шрифты будут работать, только если вы подключены к Интернету.
