Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

CSS Учебник


CSS Продвинутый


CSS Отзывчивый


CSS Grid


CSS SASS


CSS Примеры


CSS Справочники



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 шрифты..



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.