После того, как Вы скачали требуемый шрифт, его нужно установить. Все зависит о того, где Вы будете использовать новый шрифт – на сайте или на компьютере.

Как установить шрифт в Windows

Установить новый шрифт на компьютер под управлением операционной системы Windows совсем не сложно, это касается любой ОС Windows, будь это Windows 7, 8 или 10.

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

Установка шрифта в Windows

В окне программы необходимо нажать на кнопку «Установить», запуститься процесс установки, после чего новый шрифт установится в системе Windows.

Если шрифт в системе Windows уже установлен, то при повторной установке появится сообщение о том, что шрифт уже установлен и вопросом о его переустановке.

Установка существующего шрифта

Как установить шрифт в Фотошоп (Photoshop)

Как таковой установки шрифта для его использования в программе Photoshop нет. Если шрифт установлен в системе Windows, то в Фотошопе он появиться автоматически. Единственно, что нужно сделать, это перезапустить Фотошоп, если он был запущен во время установки шрифта в систему.

После запуска программы Photoshop, Вы можете использовать новый шрифт для создания текста.

Установка шрифта в Фотошоп

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

Для установки шрифта на сайт потребуются все форматы шрифта EOT, OTF, SVG, TTF, WOFF и WOFF2, которые Вы можете скачать на сайте «ВсеШрифты.рф». Все файлы шрифта необходимо скопировать папку, например, «fonts», что потребует доступ к FTP сайта.

Копирование файлов шрифтов на сайт

В файле стилей «style.css», расположенный в папке «css», подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Karina Bold";
	src: url("../fonts/karina-bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/karina-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/karina-bold.otf") format("opentype"), /* Open Type Font */
url("../fonts/karina-bold.svg") format("svg"), /* Legacy iOS */
url("../fonts/karina-bold.ttf") format("truetype"), /* Safari, Android, iOS */
url("../fonts/karina-bold.woff") format("woff"), /* Modern Browsers */
url("../fonts/karina-bold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
Подключение шрифта в файле стилей

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

font-family: "Karina Bold";

Пример применения шрифта «Karina Bold»:

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

Пример полноценного файла стилей:

Пример полноценного файла стилей

Пример веб-страницы с подключенным шрифтом «Karina Bold»:

Веб-страница с подключенным шрифтом