10 великолепных комбинаций шрифтов Google, которые вы можете скопировать, Верстка сайта

Тема нашей статьи — 10 великолепных комбинаций шрифтов Google, которые вы можете скопировать, Верстка сайта. Вы узнаете мнения и рекомендации специалистов, почитаете настоящие отзывы и увидите фотографии.

Простой человек подбирает, какой вкус чипсов подойдёт к пиву. Гурман размышляет, какой сыр комбинируется с вином. Дизайнер, разумеется, думает, как выбор шрифта будет выглядеть на одной странице прекраснее всего.

Игра со шрифтами в области веб-разработки была в самом разгаре пару лет назад. У каждого были идеи и решения. По-моему, дебаты окончены: победил @font-face .

Вот почему выигрывает @font-face . Во-первых, это чистое решение CSS , с которым могут согласиться разработчики. @font-face полностью поддерживает выделение текста и эти действия, как копирование и вставка. Это значит, что специалисты по юзабилити полюбят его.

По мимо этого с @font-face можно не прилагая больших усилий составить рецепт практически любого шрифта. Декораторы его полюбят, так как у них имеется возможность выбора из большого спектра правильно лицензированных шрифтов.

Теперь и в самом мире @font-face имеется множество соперников. Персонально мое любимое решение — применять наборы @font-face FontSquirrel’s .

Я уже пару раз использовал этот сервис выбора шрифтов, так что я хотел сегодня применять что-то еще. С той поры как Гугл Font Directory стал бесплатным и предлагает много вариантов, наверное, что это явный выбор!

Имеется несколько базовых правил, которые нужно брать во внимание при выборе шрифтов.

Рассмотрите разные шрифты, которые относятся к одному семейству. Они были тщательно сконструированы, чтобы применяться вместе.

При комбинировании 2-ух шрифтов стремитесь к контрасту. Пробуйте создать пару из полужирного и легкого без засечек. Если вы смешаете два довольно похожих шрифта, из-за минуса контрастности будут они выглядеть как ошибка типографии. Дайте четко понять, что присутствуют два различных стиля.

Если можете обойтись 2-мя, сделайте это, если нет, остановитесь на 3. Много различных шрифтов приносит беспорядок в дизайн.

Если ваш контент современный и профессиональный, придерживайтесь шрифтов, которые предполагают данные качества. Если он должен смотреться, как что-нибудь из начала XVIII столетия, Helvetica Neue Ultra Light , пожалуй, не прекрасный выбор.

Перейдите в Гугл Font Directory и поищите следующие варианты выбора привлекательных шрифтов.

Если вы до недавнего времени не работали с Гугл Font Directory , не нужно беспокоиться, это самое не тяжелое решение для выбора шрифтов. Все что необходимо сделать, это вставить ссылку в заголовок страницы и дальше ссылаться на шрифт в CSS , как и в любом ином случае. Для каждой пары шрифтов, рассмотренной ниже, я предоставлю весь нужный код. Вам остается его скопировать и вставить!

Lobster – мой возлюбленный шрифт всех времен. Он полужирный и привлекательный, при этом остается вполне читабельным. Чего нет в иных шрифтах. После подберите что-нибудь простое и бесхитростное вроде Cabin .

При выборе шрифтов для сайта комбинация Raleway и старого стиля Goudy Bookletter 1911 составляют высококлассную пару. Но Goudy очень не простой для ключевого содержимого. Я точно не захочу читать большую страницу, набранного этим шрифтом. Такая комбинация шрифтов наиболее подходит для сценариев с очень малым количеством текста.

Crimson Text — откровенный шрифт с сильными засечками, но практически без различий между толстыми и тонкими линиями. Данный вариант выбора шрифтов дает возможность сберегать хорошую читабельность, даже когда он небольшого размера.

В сервисе выбора шрифта если посмотреть иначе существует только пара подобных, и Arvo нынче один из очень жирных вариантов. Мне на самом деле нравится основная часть символов, но нужно согласится, что “ S ” смотрится чуть-чуть удивительно.

Я сочетал его с остальным прекрасным шрифтом без засечек: PT Sans . Доступно пару вариантов, но собственно обычная версия наиболее подходит для ключевого текста.

Так как Dancing Script более женский, чем Lobster , я совместил его с Joesfin , тонким шрифтом без засечек, чтобы продолжать такой стиль. Такая комбинация подойдет для любых сайтов, ориентированных на женскую аудиторию.

При выборе привлекательных шрифтов комбинирование с представителем старого стиля ( Cardo ) кажется конфликтом не постоянных периодов, но мне понравилось, как эти шрифты выглядят вместе. Можете поменять его не тяжёлым шрифтом без засечек.

Nobile очень современный шрифт с продолговатой в вертикальном положении формой букв. Самая маленькая стилизация данного варианта выбора шрифта держит внимание на жирных заголовках.

Vollkorn — прекрасная от предыдущей гарнитура, которая отображает давно прошедшую эру. Еще раз повторяю, всегда соблюдайте осторожность при перемешивании выбранных шрифтов для сайта из самых разнообразных «веков».

Расскажите, что нравится вам!

Рассмотренные в данной заметке комбинирования должны работать везде, однако при этом следует включать подходящие запасные шрифты в случае, если шрифт от Гугл не загружается.

Оставьте свое мнение ниже и расскажите о собственных любимых вариантах выбора шрифтов.

Эта статья собой представляет перевод публикации « 10 Great Гугл Font Combinations You Can Copy » , подготовленной дружной командой проекта Интернет-технологии.ру