Ноябрь 2017
Автор: Рубрика: Landing page Комментариев нет

Топ 10 sans шрифтов

Рассмотрим 10 лучших sans шрифтов и скачаем для установки в photoshop и на web landing page в пяти форматах ttf, eot, svg, woff и woff2, которые поддерживают все браузеры интернета, плюс инструкция css в архиве для быстрого подключения к проекту.

1). Шрифт PT Sans

Скачать шрифт PT Sans для photoshop и web


Шрифт PT Sans идеально подходит для текста с размерами от 14 до 26 пикселей. Хорошая корреляция с большими шрифтами для заголовков.

2). Шрифт Roboto

Скачать шрифт Roboto для photoshop и web

Шрифтом Roboto оформляем заголовки с большими буквами. Сочетается с шрифтами с засечками.

3). Шрифт Open Sans

Скачать шрифт Open Sans для photoshop и web

Шрифт Open Sans имеет красивое начертание. Подходит для больших заголовком с подзаголовком шрифта PT Sans.

4). Шрифт Museo Sans

Скачать шрифт Museo Sans для photoshop и web

На шрифте Museo Sans можно сделать целиком лендинг. В шрифте есть размеры 100, 300, 500, 700, 900. Выставляем свой размер для текста и побольше для заголовка.

5). Шрифт Uni Sans

Скачать шрифт Uni Sans для photoshop и web

Шрифт Uni Sans подойдет для заголовков. В шрифте есть тонкое и толстое начертание.

6). Шрифт Ubuntu

Скачать шрифт Ubuntu для photoshop и web

Шрифт Ubuntu подходит хорошо для большого текста, сочетается гармонично с шрифтами PT Sans, Roboto, Open Sans.

7). Шрифт Officina Sans

Скачать шрифт Officina Sans для photoshop и web

Шрифт Officina Sans используется для основного текста и сочетается с Droid Sans и с шрифтом засечками.

8). Шрифт Fira Sans

Скачать шрифт Fira Sans для photoshop и web

Шрифт Fira Sans простой и хорошо читается с выразительными шрифтами.

9). Шрифт Raleway

Скачать шрифт Raleway для photoshop и web

Шрифт Raleway подходит для заголовков, потому что достаточно тонкий, сочетается с округлыми шрифтами.

10). Шрифт Lato

Скачать шрифт Lato для photoshop и web

Шрифт Lato имеет классические пропорции, смотрится элегантно.

Установим sans шрифт в проект и photoshop по шагам

  1. После как скачали шрифт скопируем содержание архива в папку fonts в шаблоне.
  2. Откроем инструкцию css и скопируем код в файл стилей style.css.

У каждого sans шрифта будет свой код, пример.

Установим sans шрифт в photoshop

  • Нажимаем два раза на файл с расширением .ttf и нажимаем кнопку установить.

Установим sans шрифт в photoshop

  • Второй способ установки шрифта. Копируем файлы в папку  C:/Windows/Fonts.
Комментариев нет

Комментарии:

Комментарии запрещены