Лицензии на шрифты: большой обзор / skillbox media

Определяем шрифт любого текста с сайта

Здесь покажем эффективный способ определения шрифта любого текста на сайте с помощью плагина. Он называется «WhatFont». Также он вычисляет информацию о шрифте на картинках.

Сначала установите данный плагин в браузер Google с Интернет магазина Гугл Хром. На блоге есть статья о том, как пользоваться «магазином расширений Google Chrome». С помощью статьи вы узнаете, как работать в данном магазине. Затем, открываете любой сайт в обозревателе и нажимаете на плагин левой кнопкой мыши (скрин 4).

После чего вы получите такой результат (скрин 5).

В данном случае, плагин определил название шрифта на сайте – «Open Sans». Чтобы использовать расширение для изображений, достаточно открыть картинку в браузере и навести на нее плагин.

Информация о шрифте Academia Roman

Полное название шрифта

Academia Roman 400

Семейство

Начертание шрифта

Roman

Насыщенность шрифта

400 — нормальное (Normal)

Идентификатор шрифта

Academia Roman

PostScript название шрифта

AcademiaRoma

Авторское право на шрифт

Поддержка символов

латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации

Регистр букв шрифта

верхний (прописные буквы) и нижний (строчные буквы)

Категории шрифта Academia Roman

Бесплатные шрифты, Кириллические шрифты, Латинские шрифты, Русские шрифты, Шрифты с засечками

Предварительный просмотр Academia Roman

Шрифт Academia Roman с поддержкой латиницы

Предварительный просмотр шрифта «Academia Roman» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z).

Шрифт Academia Roman с поддержкой кириллицы

Предварительный просмотр шрифта «Academia Roman» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я).

Шрифт Academia Roman с поддержкой цифр

Предварительный просмотр шрифта «Academia Roman» с цифрами (0 1 2 3 4 5 6 7 8 9).

Шрифт Academia Roman с поддержкой знаков препинания и пунктуации

Предварительный просмотр шрифта «Academia Roman» со знаками препинания и пунктуации (, . / ? ; ‘ : » { } \ | ` ~ ! @ # $ % ^ & * ( ) — _ + =).

Скачать шрифт Academia Roman

Шрифт Academia Roman доступен для скачивания в 6 форматах: EOT, OTF, SVG, TTF, WOFF, WOFF2 (IE9 в режиме совместимости, IE6-IE8, Open Type Font, устаревшая iOS, Safari, Android, iOS и любой современный браузер).Внимание! Скачать шрифт Academia Roman возможно только для некоммерческого использования!

Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»

Как установить шрифт Academia Roman на сайт

Для установки шрифта «Academia Roman» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts/academia-roman». В файле стилей подключить шрифт, используя конструкцию CSS:

Скопировать в буфер обмена

@font-face {
	font-family: "Academia Roman";
	src: url("../fonts/academia-roman/academia-roman.eot"); /* IE9 Compat Modes */
	src: url("../fonts/academia-roman/academia-roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/academia-roman/academia-roman.otf") format("opentype"), /* Open Type Font */
		url("../fonts/academia-roman/academia-roman.svg") format("svg"), /* Legacy iOS */
		url("../fonts/academia-roman/academia-roman.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/academia-roman/academia-roman.woff") format("woff"), /* Modern Browsers */
		url("../fonts/academia-roman/academia-roman.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Academia Roman» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Academia Roman";

Пример применения шрифта «Academia Roman»:

body {
	font-family: "Academia Roman";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}