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