Шрифт Pragmatica
На нашем сайте, вы можете скачать шрифт Pragmatica для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraBoldObl
1. Для того, чтобы установить шрифт Pragmatica ExtraBoldObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraBoldObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraBoldObl";
src: url("../fonts/PragmaticaExtraBoldObl/PragmaticaExtraBoldObl.eot");
src: url("../fonts/PragmaticaExtraBoldObl/PragmaticaExtraBoldObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraBoldObl/PragmaticaExtraBoldObl.woff") format("woff"),
url("../fonts/PragmaticaExtraBoldObl/PragmaticaExtraBoldObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica BoldOblique
1. Для того, чтобы установить шрифт Pragmatica BoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBoldOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBoldOblique";
src: url("../fonts/PragmaticaBoldOblique/PragmaticaBoldOblique.eot");
src: url("../fonts/PragmaticaBoldOblique/PragmaticaBoldOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBoldOblique/PragmaticaBoldOblique.woff") format("woff"),
url("../fonts/PragmaticaBoldOblique/PragmaticaBoldOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica BookOblique
1. Для того, чтобы установить шрифт Pragmatica BookOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBookOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBookOblique";
src: url("../fonts/PragmaticaBookOblique/PragmaticaBookOblique.eot");
src: url("../fonts/PragmaticaBookOblique/PragmaticaBookOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBookOblique/PragmaticaBookOblique.woff") format("woff"),
url("../fonts/PragmaticaBookOblique/PragmaticaBookOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Oblique
1. Для того, чтобы установить шрифт Pragmatica Oblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaOblique";
src: url("../fonts/PragmaticaOblique/PragmaticaOblique.eot");
src: url("../fonts/PragmaticaOblique/PragmaticaOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaOblique/PragmaticaOblique.woff") format("woff"),
url("../fonts/PragmaticaOblique/PragmaticaOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica BlackOblique
1. Для того, чтобы установить шрифт Pragmatica BlackOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBlackOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBlackOblique";
src: url("../fonts/PragmaticaBlackOblique/PragmaticaBlackOblique.eot");
src: url("../fonts/PragmaticaBlackOblique/PragmaticaBlackOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBlackOblique/PragmaticaBlackOblique.woff") format("woff"),
url("../fonts/PragmaticaBlackOblique/PragmaticaBlackOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraLightOblique
1. Для того, чтобы установить шрифт Pragmatica ExtraLightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraLightOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraLightOblique";
src: url("../fonts/PragmaticaExtraLightOblique/PragmaticaExtraLightOblique.eot");
src: url("../fonts/PragmaticaExtraLightOblique/PragmaticaExtraLightOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraLightOblique/PragmaticaExtraLightOblique.woff") format("woff"),
url("../fonts/PragmaticaExtraLightOblique/PragmaticaExtraLightOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraBoldOblique
1. Для того, чтобы установить шрифт Pragmatica ExtraBoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraBoldOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraBoldOblique";
src: url("../fonts/PragmaticaExtraBoldOblique/PragmaticaExtraBoldOblique.eot");
src: url("../fonts/PragmaticaExtraBoldOblique/PragmaticaExtraBoldOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraBoldOblique/PragmaticaExtraBoldOblique.woff") format("woff"),
url("../fonts/PragmaticaExtraBoldOblique/PragmaticaExtraBoldOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraLightObliqu
1. Для того, чтобы установить шрифт Pragmatica ExtraLightObliqu в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraLightObliqu /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraLightObliqu";
src: url("../fonts/PragmaticaExtraLightObliqu/PragmaticaExtraLightObliqu.eot");
src: url("../fonts/PragmaticaExtraLightObliqu/PragmaticaExtraLightObliqu.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraLightObliqu/PragmaticaExtraLightObliqu.woff") format("woff"),
url("../fonts/PragmaticaExtraLightObliqu/PragmaticaExtraLightObliqu.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraLightOb
1. Для того, чтобы установить шрифт Pragmatica ExtraLightOb в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraLightOb /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraLightOb";
src: url("../fonts/PragmaticaExtraLightOb/PragmaticaExtraLightOb.eot");
src: url("../fonts/PragmaticaExtraLightOb/PragmaticaExtraLightOb.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraLightOb/PragmaticaExtraLightOb.woff") format("woff"),
url("../fonts/PragmaticaExtraLightOb/PragmaticaExtraLightOb.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica LightOblique
1. Для того, чтобы установить шрифт Pragmatica LightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaLightOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaLightOblique";
src: url("../fonts/PragmaticaLightOblique/PragmaticaLightOblique.eot");
src: url("../fonts/PragmaticaLightOblique/PragmaticaLightOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaLightOblique/PragmaticaLightOblique.woff") format("woff"),
url("../fonts/PragmaticaLightOblique/PragmaticaLightOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica MediumObliqu
1. Для того, чтобы установить шрифт Pragmatica MediumObliqu в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaMediumObliqu /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaMediumObliqu";
src: url("../fonts/PragmaticaMediumObliqu/PragmaticaMediumObliqu.eot");
src: url("../fonts/PragmaticaMediumObliqu/PragmaticaMediumObliqu.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaMediumObliqu/PragmaticaMediumObliqu.woff") format("woff"),
url("../fonts/PragmaticaMediumObliqu/PragmaticaMediumObliqu.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica MediumOblique
1. Для того, чтобы установить шрифт Pragmatica MediumOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaMediumOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaMediumOblique";
src: url("../fonts/PragmaticaMediumOblique/PragmaticaMediumOblique.eot");
src: url("../fonts/PragmaticaMediumOblique/PragmaticaMediumOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaMediumOblique/PragmaticaMediumOblique.woff") format("woff"),
url("../fonts/PragmaticaMediumOblique/PragmaticaMediumOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraLight
1. Для того, чтобы установить шрифт Pragmatica ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraLight";
src: url("../fonts/PragmaticaExtraLight/PragmaticaExtraLight.eot");
src: url("../fonts/PragmaticaExtraLight/PragmaticaExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraLight/PragmaticaExtraLight.woff") format("woff"),
url("../fonts/PragmaticaExtraLight/PragmaticaExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Light
1. Для того, чтобы установить шрифт Pragmatica Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaLight";
src: url("../fonts/PragmaticaLight/PragmaticaLight.eot");
src: url("../fonts/PragmaticaLight/PragmaticaLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaLight/PragmaticaLight.woff") format("woff"),
url("../fonts/PragmaticaLight/PragmaticaLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Medium
1. Для того, чтобы установить шрифт Pragmatica Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaMedium";
src: url("../fonts/PragmaticaMedium/PragmaticaMedium.eot");
src: url("../fonts/PragmaticaMedium/PragmaticaMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaMedium/PragmaticaMedium.woff") format("woff"),
url("../fonts/PragmaticaMedium/PragmaticaMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Bold
1. Для того, чтобы установить шрифт Pragmatica Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBold";
src: url("../fonts/PragmaticaBold/PragmaticaBold.eot");
src: url("../fonts/PragmaticaBold/PragmaticaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBold/PragmaticaBold.woff") format("woff"),
url("../fonts/PragmaticaBold/PragmaticaBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica ExtraBold
1. Для того, чтобы установить шрифт Pragmatica ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaExtraBold";
src: url("../fonts/PragmaticaExtraBold/PragmaticaExtraBold.eot");
src: url("../fonts/PragmaticaExtraBold/PragmaticaExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaExtraBold/PragmaticaExtraBold.woff") format("woff"),
url("../fonts/PragmaticaExtraBold/PragmaticaExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Black
1. Для того, чтобы установить шрифт Pragmatica Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBlack";
src: url("../fonts/PragmaticaBlack/PragmaticaBlack.eot");
src: url("../fonts/PragmaticaBlack/PragmaticaBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBlack/PragmaticaBlack.woff") format("woff"),
url("../fonts/PragmaticaBlack/PragmaticaBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Pragmatica Book
1. Для того, чтобы установить шрифт Pragmatica Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PragmaticaBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PragmaticaBook";
src: url("../fonts/PragmaticaBook/PragmaticaBook.eot");
src: url("../fonts/PragmaticaBook/PragmaticaBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/PragmaticaBook/PragmaticaBook.woff") format("woff"),
url("../fonts/PragmaticaBook/PragmaticaBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!