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" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Популярні комбінації шрифтів Google
Якщо ви не хочете використовувати стандартні шрифти в HTML, ви можете використовувати Google-шрифти.
Шрифти Google можна використовувати безплатно, і ви можете обрати з більш ніж 1000 шрифтів.
Нижче наведені деякі популярні комбінації вебшрифтів Google.
Merriweather та Open Sans
Приклад
Використовуйте шрифт "Merriweather" для заголовків, а "Open Sans" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Ubuntu та Lora
Приклад
Використовуйте шрифт "Ubuntu" для заголовків та "Lora" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Abril Fatface та Poppins
Приклад
Використовуйте шрифт "Abril Fatface" для заголовків, а "Poppins" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Cinzel та Fauna One
Приклад
Використовуйте шрифт "Cinzel" для заголовків, а "Fauna One" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Fjalla One та Libre Baskerville
Приклад
Використовуйте шрифт "Fjalla One" для заголовків, а "Libre Baskerville" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Space Mono та Muli
Приклад
Використовуйте шрифт "Space Mono" для заголовків, а "Muli" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Spectral та Rubik
Приклад
Використовуйте шрифт "Spectral" для заголовків, а "Rubik" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Oswald та Noto Sans
Приклад
Використовуйте шрифт "Oswald" для заголовків, а "Noto Sans" для тексту:
Файна Україна
Україна має загальну площу 603,7 тис. квадратних кілометри та населення близько 45 млн. осіб (січень 2022 року). Україна межує з країнами: Польща, Словаччина, Угорщина, Румунія, Молдова - на заході, Білорусь - напівночі, Росія - на сході та північному сході. З півдня Україна омивається водами Чорного та Азовського морів. Через Чорне море Україна також межує з такими країнами, як Туреччина, Грузія, Румунія та Болгарія.
В Україні є прекрасні гори - Карпати - на заході, та Кримські гори - на півдні півострова Крим. Столиця України - місто Київ - це найбільше й одне з найдревніших міст - де виникла стародавня держава - Київська Русь. Нині Київ - місто зелених насаджень, музеїв, древніх храмів та чудових краєвидів на річку Дніпро. Україна - найбільша за площею країна Європи, - яка фактично оберігає європейську цивілізацію від східних варварів - московитів.
Спробуйте самі »
Щоб переглянути список всіх безплатних шрифтів Google, відвідайте Підручник Google шрифтів на нашому сайті W3Schools українською.
Примітка. Google шрифти будуть працювати тільки якщо ви підключені до Інтернету!
