Шрифт Neutrif Pro
На нашем сайте, вы можете скачать шрифт Neutrif Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro Light
1. Для того, чтобы установить шрифт NeutrifPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProLight";
src: url("../fonts/NeutrifProLight/NeutrifProLight.eot");
src: url("../fonts/NeutrifProLight/NeutrifProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProLight/NeutrifProLight.woff") format("woff"),
url("../fonts/NeutrifProLight/NeutrifProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro Regular
1. Для того, чтобы установить шрифт NeutrifPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProRegular";
src: url("../fonts/NeutrifProRegular/NeutrifProRegular.eot");
src: url("../fonts/NeutrifProRegular/NeutrifProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProRegular/NeutrifProRegular.woff") format("woff"),
url("../fonts/NeutrifProRegular/NeutrifProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro Medium
1. Для того, чтобы установить шрифт NeutrifPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProMedium";
src: url("../fonts/NeutrifProMedium/NeutrifProMedium.eot");
src: url("../fonts/NeutrifProMedium/NeutrifProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProMedium/NeutrifProMedium.woff") format("woff"),
url("../fonts/NeutrifProMedium/NeutrifProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro SemiBold
1. Для того, чтобы установить шрифт NeutrifPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProSemiBold";
src: url("../fonts/NeutrifProSemiBold/NeutrifProSemiBold.eot");
src: url("../fonts/NeutrifProSemiBold/NeutrifProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProSemiBold/NeutrifProSemiBold.woff") format("woff"),
url("../fonts/NeutrifProSemiBold/NeutrifProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro Bold
1. Для того, чтобы установить шрифт NeutrifPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProBold";
src: url("../fonts/NeutrifProBold/NeutrifProBold.eot");
src: url("../fonts/NeutrifProBold/NeutrifProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProBold/NeutrifProBold.woff") format("woff"),
url("../fonts/NeutrifProBold/NeutrifProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro LightItalic
1. Для того, чтобы установить шрифт NeutrifPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProLightItalic";
src: url("../fonts/NeutrifProLightItalic/NeutrifProLightItalic.eot");
src: url("../fonts/NeutrifProLightItalic/NeutrifProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProLightItalic/NeutrifProLightItalic.woff") format("woff"),
url("../fonts/NeutrifProLightItalic/NeutrifProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro MediumItalic
1. Для того, чтобы установить шрифт NeutrifPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProMediumItalic";
src: url("../fonts/NeutrifProMediumItalic/NeutrifProMediumItalic.eot");
src: url("../fonts/NeutrifProMediumItalic/NeutrifProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProMediumItalic/NeutrifProMediumItalic.woff") format("woff"),
url("../fonts/NeutrifProMediumItalic/NeutrifProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro BoldItalic
1. Для того, чтобы установить шрифт NeutrifPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProBoldItalic";
src: url("../fonts/NeutrifProBoldItalic/NeutrifProBoldItalic.eot");
src: url("../fonts/NeutrifProBoldItalic/NeutrifProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProBoldItalic/NeutrifProBoldItalic.woff") format("woff"),
url("../fonts/NeutrifProBoldItalic/NeutrifProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro SemiBoldItalic
1. Для того, чтобы установить шрифт NeutrifPro SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProSemiBoldItalic";
src: url("../fonts/NeutrifProSemiBoldItalic/NeutrifProSemiBoldItalic.eot");
src: url("../fonts/NeutrifProSemiBoldItalic/NeutrifProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProSemiBoldItalic/NeutrifProSemiBoldItalic.woff") format("woff"),
url("../fonts/NeutrifProSemiBoldItalic/NeutrifProSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NeutrifPro RegularItalic
1. Для того, чтобы установить шрифт NeutrifPro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NeutrifProRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NeutrifProRegularItalic";
src: url("../fonts/NeutrifProRegularItalic/NeutrifProRegularItalic.eot");
src: url("../fonts/NeutrifProRegularItalic/NeutrifProRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NeutrifProRegularItalic/NeutrifProRegularItalic.woff") format("woff"),
url("../fonts/NeutrifProRegularItalic/NeutrifProRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!