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;
}
Попробуйте сами »
Ниже мы показали некоторые популярные пары шрифтов, которые подойдут многим брендам и контекстам.
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 Fonts.
Шрифты 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 шрифты..