<
  • Главная
Статьи

8 шрифтових пар для дизайну сайтів і документів

  1. Roboto Slab і Open Sans
  2. Raleway і Roboto
  3. Lora і Source Sans Pro
  4. Merriweather і Open Sans
  5. Dancing Script і Ledger
  6. Sansita One і Kameron
  7. Quando і Judson
  8. Montserrat і Domine

Кілька років тому Олівер Райхенштайн (Oliver Reichenstein) потряс технологічний світ, заявивши про те, що так як веб на 95% складається з написаного тексту, а веб-дизайн - на 95% типографіка. З огляду на що виявляється в останні тенденції мінімалізм, значимість типографіки стала ще відчутнішою.

З появою зручних веб-шрифтів можливість удосконалити свій сайт стала ще доступнішою. Але достаток шрифтів може збити з пантелику не тільки новачка - який з них підійде саме вам? Старший дизайнер Skillcrush Аїша Соуто-Майор (Aisha Souto-Maior) стикається з цією проблемою щодня, тому вирішила поділитися своїми улюбленими комбінаціями безкоштовних шрифтів.

Roboto Slab і Open Sans

Roboto Slab і Open Sans

Легка і зручна комбінація. Її можна використовувати для сайтів, яким потрібна легка варіативність в шрифті, при цьому не викликає сильний візуальний контраст.

Raleway і Roboto

Raleway і Roboto

Часом буває складно поєднати два досить несхожих Sans-Serif шрифту таким чином, щоб це не виглядало помилкою. У Raleway візуально приємне накреслення, а Roboto покращує читабельність в маленькому розмірі.

Lora і Source Sans Pro

Lora і Source Sans Pro

Це поєднання шрифтів виглядає елегантно і сучасно. Lora не поступається шрифту Serif, але при цьому не засмучує узнаваемостью і типовістю, а Source Sans Pro контрастний і добре читається в малому масштабі.

Merriweather і Open Sans

Merriweather і Open Sans

Ця пара має ще більш виражену контрастність, ніж Lora і Source Sans Pro, оскільки Open Sans важить ще менше, а Merriweather має більш сильні лінії, ніж у Lora. Все це надає даній комбінації сучасного вигляду. Serif також може виглядати сучасно, але тільки в тому випадку, якщо використовувати його коректно і «невеликими дозами».

Dancing Script і Ledger

Dancing Script і Ledger

Здійснити вибір між Script-шрифтами досить непросто, а вибрати пару, яка не виглядає безглуздо і не віддає кітчем - і того складніше. Dancing Script в розумних кількостях відмінно підійде для будь-якого жіночого сайту або блогу, а в вдалої комбінації з Ledger буде хорошим рішенням для основного тексту в більш традиційному стилі.

Sansita One і Kameron

Sansita One і Kameron

Дуже цікаве поєднання. Завдяки м'якості і «кремезний» Sansita ця комбінація виглядає грайливо і серйозно одночасно, а Kameron надає естетичність і покращує читабельність.

Quando і Judson

Quando і Judson

Quando відмінно підійде для продукту, прямо або побічно пов'язаного з літературою. А Judson - це ще один serif-шрифт, просто більш м'який. Його химерно округлі «О» і закручені «F» добре доповнюють орнаментовані деталі Quando.

Montserrat і Domine

Montserrat і Domine

Якщо ви шукаєте гарне поєднання шрифтів для сучасного виглядає новинного сайту, зупиніть свій вибір на Montserrat і Domine. Підійде як для заголовків, так і для основного тексту.

джерело: SkillCrush



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью