Шрифт Akwe Pro Nar
На нашем сайте, вы можете скачать шрифт Akwe Pro Nar для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar DemiBold
1. Для того, чтобы установить шрифт AkweProNar DemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarDemiBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarDemiBold";
src: url("../fonts/AkweProNarDemiBold/AkweProNarDemiBold.eot");
src: url("../fonts/AkweProNarDemiBold/AkweProNarDemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarDemiBold/AkweProNarDemiBold.woff") format("woff"),
url("../fonts/AkweProNarDemiBold/AkweProNarDemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar DemiBoldItalic
1. Для того, чтобы установить шрифт AkweProNar DemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarDemiBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarDemiBoldItalic";
src: url("../fonts/AkweProNarDemiBoldItalic/AkweProNarDemiBoldItalic.eot");
src: url("../fonts/AkweProNarDemiBoldItalic/AkweProNarDemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarDemiBoldItalic/AkweProNarDemiBoldItalic.woff") format("woff"),
url("../fonts/AkweProNarDemiBoldItalic/AkweProNarDemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Hairline
1. Для того, чтобы установить шрифт AkweProNar Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarHairline
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarHairline";
src: url("../fonts/AkweProNarHairline/AkweProNarHairline.eot");
src: url("../fonts/AkweProNarHairline/AkweProNarHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarHairline/AkweProNarHairline.woff") format("woff"),
url("../fonts/AkweProNarHairline/AkweProNarHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar HairlineItalic
1. Для того, чтобы установить шрифт AkweProNar HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarHairlineItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarHairlineItalic";
src: url("../fonts/AkweProNarHairlineItalic/AkweProNarHairlineItalic.eot");
src: url("../fonts/AkweProNarHairlineItalic/AkweProNarHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarHairlineItalic/AkweProNarHairlineItalic.woff") format("woff"),
url("../fonts/AkweProNarHairlineItalic/AkweProNarHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar UltraThin
1. Для того, чтобы установить шрифт AkweProNar UltraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarUltraThin
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarUltraThin";
src: url("../fonts/AkweProNarUltraThin/AkweProNarUltraThin.eot");
src: url("../fonts/AkweProNarUltraThin/AkweProNarUltraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarUltraThin/AkweProNarUltraThin.woff") format("woff"),
url("../fonts/AkweProNarUltraThin/AkweProNarUltraThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar UltraThinItalic
1. Для того, чтобы установить шрифт AkweProNar UltraThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarUltraThinItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarUltraThinItalic";
src: url("../fonts/AkweProNarUltraThinItalic/AkweProNarUltraThinItalic.eot");
src: url("../fonts/AkweProNarUltraThinItalic/AkweProNarUltraThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarUltraThinItalic/AkweProNarUltraThinItalic.woff") format("woff"),
url("../fonts/AkweProNarUltraThinItalic/AkweProNarUltraThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Thin
1. Для того, чтобы установить шрифт AkweProNar Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarThin
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarThin";
src: url("../fonts/AkweProNarThin/AkweProNarThin.eot");
src: url("../fonts/AkweProNarThin/AkweProNarThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarThin/AkweProNarThin.woff") format("woff"),
url("../fonts/AkweProNarThin/AkweProNarThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar ExtraLight
1. Для того, чтобы установить шрифт AkweProNar ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarExtraLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarExtraLight";
src: url("../fonts/AkweProNarExtraLight/AkweProNarExtraLight.eot");
src: url("../fonts/AkweProNarExtraLight/AkweProNarExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarExtraLight/AkweProNarExtraLight.woff") format("woff"),
url("../fonts/AkweProNarExtraLight/AkweProNarExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Light
1. Для того, чтобы установить шрифт AkweProNar Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarLight";
src: url("../fonts/AkweProNarLight/AkweProNarLight.eot");
src: url("../fonts/AkweProNarLight/AkweProNarLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarLight/AkweProNarLight.woff") format("woff"),
url("../fonts/AkweProNarLight/AkweProNarLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Regular
1. Для того, чтобы установить шрифт AkweProNar Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarRegular
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarRegular";
src: url("../fonts/AkweProNarRegular/AkweProNarRegular.eot");
src: url("../fonts/AkweProNarRegular/AkweProNarRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarRegular/AkweProNarRegular.woff") format("woff"),
url("../fonts/AkweProNarRegular/AkweProNarRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Medium
1. Для того, чтобы установить шрифт AkweProNar Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarMedium";
src: url("../fonts/AkweProNarMedium/AkweProNarMedium.eot");
src: url("../fonts/AkweProNarMedium/AkweProNarMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarMedium/AkweProNarMedium.woff") format("woff"),
url("../fonts/AkweProNarMedium/AkweProNarMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar Bold
1. Для того, чтобы установить шрифт AkweProNar Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarBold";
src: url("../fonts/AkweProNarBold/AkweProNarBold.eot");
src: url("../fonts/AkweProNarBold/AkweProNarBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarBold/AkweProNarBold.woff") format("woff"),
url("../fonts/AkweProNarBold/AkweProNarBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar ExtraBold
1. Для того, чтобы установить шрифт AkweProNar ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarExtraBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarExtraBold";
src: url("../fonts/AkweProNarExtraBold/AkweProNarExtraBold.eot");
src: url("../fonts/AkweProNarExtraBold/AkweProNarExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarExtraBold/AkweProNarExtraBold.woff") format("woff"),
url("../fonts/AkweProNarExtraBold/AkweProNarExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar ThinItalic
1. Для того, чтобы установить шрифт AkweProNar ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarThinItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarThinItalic";
src: url("../fonts/AkweProNarThinItalic/AkweProNarThinItalic.eot");
src: url("../fonts/AkweProNarThinItalic/AkweProNarThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarThinItalic/AkweProNarThinItalic.woff") format("woff"),
url("../fonts/AkweProNarThinItalic/AkweProNarThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar ExtraLightItalic
1. Для того, чтобы установить шрифт AkweProNar ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarExtraLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarExtraLightItalic";
src: url("../fonts/AkweProNarExtraLightItalic/AkweProNarExtraLightItalic.eot");
src: url("../fonts/AkweProNarExtraLightItalic/AkweProNarExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarExtraLightItalic/AkweProNarExtraLightItalic.woff") format("woff"),
url("../fonts/AkweProNarExtraLightItalic/AkweProNarExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar LightItalic
1. Для того, чтобы установить шрифт AkweProNar LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarLightItalic";
src: url("../fonts/AkweProNarLightItalic/AkweProNarLightItalic.eot");
src: url("../fonts/AkweProNarLightItalic/AkweProNarLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarLightItalic/AkweProNarLightItalic.woff") format("woff"),
url("../fonts/AkweProNarLightItalic/AkweProNarLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar MediumItalic
1. Для того, чтобы установить шрифт AkweProNar MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarMediumItalic";
src: url("../fonts/AkweProNarMediumItalic/AkweProNarMediumItalic.eot");
src: url("../fonts/AkweProNarMediumItalic/AkweProNarMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarMediumItalic/AkweProNarMediumItalic.woff") format("woff"),
url("../fonts/AkweProNarMediumItalic/AkweProNarMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar BoldItalic
1. Для того, чтобы установить шрифт AkweProNar BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarBoldItalic";
src: url("../fonts/AkweProNarBoldItalic/AkweProNarBoldItalic.eot");
src: url("../fonts/AkweProNarBoldItalic/AkweProNarBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarBoldItalic/AkweProNarBoldItalic.woff") format("woff"),
url("../fonts/AkweProNarBoldItalic/AkweProNarBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar ExtraBoldItalic
1. Для того, чтобы установить шрифт AkweProNar ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarExtraBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarExtraBoldItalic";
src: url("../fonts/AkweProNarExtraBoldItalic/AkweProNarExtraBoldItalic.eot");
src: url("../fonts/AkweProNarExtraBoldItalic/AkweProNarExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarExtraBoldItalic/AkweProNarExtraBoldItalic.woff") format("woff"),
url("../fonts/AkweProNarExtraBoldItalic/AkweProNarExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AkweProNar RegularItalic
1. Для того, чтобы установить шрифт AkweProNar RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AkweProNarRegularItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AkweProNarRegularItalic";
src: url("../fonts/AkweProNarRegularItalic/AkweProNarRegularItalic.eot");
src: url("../fonts/AkweProNarRegularItalic/AkweProNarRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AkweProNarRegularItalic/AkweProNarRegularItalic.woff") format("woff"),
url("../fonts/AkweProNarRegularItalic/AkweProNarRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!