Шрифт Nexa
На нашем сайте, вы можете скачать шрифт Nexa для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa XBold
1. Для того, чтобы установить шрифт Nexa XBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaXBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaXBold";
src: url("../fonts/NexaXBold/NexaXBold.eot");
src: url("../fonts/NexaXBold/NexaXBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaXBold/NexaXBold.woff") format("woff"),
url("../fonts/NexaXBold/NexaXBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa XBoldItalic
1. Для того, чтобы установить шрифт Nexa XBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaXBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaXBoldItalic";
src: url("../fonts/NexaXBoldItalic/NexaXBoldItalic.eot");
src: url("../fonts/NexaXBoldItalic/NexaXBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaXBoldItalic/NexaXBoldItalic.woff") format("woff"),
url("../fonts/NexaXBoldItalic/NexaXBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Thin
1. Для того, чтобы установить шрифт Nexa Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaThin";
src: url("../fonts/NexaThin/NexaThin.eot");
src: url("../fonts/NexaThin/NexaThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaThin/NexaThin.woff") format("woff"),
url("../fonts/NexaThin/NexaThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Light
1. Для того, чтобы установить шрифт Nexa Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaLight";
src: url("../fonts/NexaLight/NexaLight.eot");
src: url("../fonts/NexaLight/NexaLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaLight/NexaLight.woff") format("woff"),
url("../fonts/NexaLight/NexaLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Regular
1. Для того, чтобы установить шрифт Nexa Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaRegular";
src: url("../fonts/NexaRegular/NexaRegular.eot");
src: url("../fonts/NexaRegular/NexaRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaRegular/NexaRegular.woff") format("woff"),
url("../fonts/NexaRegular/NexaRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Bold
1. Для того, чтобы установить шрифт Nexa Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBold";
src: url("../fonts/NexaBold/NexaBold.eot");
src: url("../fonts/NexaBold/NexaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBold/NexaBold.woff") format("woff"),
url("../fonts/NexaBold/NexaBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Black
1. Для того, чтобы установить шрифт Nexa Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBlack";
src: url("../fonts/NexaBlack/NexaBlack.eot");
src: url("../fonts/NexaBlack/NexaBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBlack/NexaBlack.woff") format("woff"),
url("../fonts/NexaBlack/NexaBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa ThinItalic
1. Для того, чтобы установить шрифт Nexa ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaThinItalic";
src: url("../fonts/NexaThinItalic/NexaThinItalic.eot");
src: url("../fonts/NexaThinItalic/NexaThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaThinItalic/NexaThinItalic.woff") format("woff"),
url("../fonts/NexaThinItalic/NexaThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa LightItalic
1. Для того, чтобы установить шрифт Nexa LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaLightItalic";
src: url("../fonts/NexaLightItalic/NexaLightItalic.eot");
src: url("../fonts/NexaLightItalic/NexaLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaLightItalic/NexaLightItalic.woff") format("woff"),
url("../fonts/NexaLightItalic/NexaLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Italic
1. Для того, чтобы установить шрифт Nexa Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaItalic";
src: url("../fonts/NexaItalic/NexaItalic.eot");
src: url("../fonts/NexaItalic/NexaItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaItalic/NexaItalic.woff") format("woff"),
url("../fonts/NexaItalic/NexaItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa BoldItalic
1. Для того, чтобы установить шрифт Nexa BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBoldItalic";
src: url("../fonts/NexaBoldItalic/NexaBoldItalic.eot");
src: url("../fonts/NexaBoldItalic/NexaBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBoldItalic/NexaBoldItalic.woff") format("woff"),
url("../fonts/NexaBoldItalic/NexaBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa BlackItalic
1. Для того, чтобы установить шрифт Nexa BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBlackItalic";
src: url("../fonts/NexaBlackItalic/NexaBlackItalic.eot");
src: url("../fonts/NexaBlackItalic/NexaBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBlackItalic/NexaBlackItalic.woff") format("woff"),
url("../fonts/NexaBlackItalic/NexaBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Book
1. Для того, чтобы установить шрифт Nexa Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBook";
src: url("../fonts/NexaBook/NexaBook.eot");
src: url("../fonts/NexaBook/NexaBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBook/NexaBook.woff") format("woff"),
url("../fonts/NexaBook/NexaBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa Heavy
1. Для того, чтобы установить шрифт Nexa Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaHeavy";
src: url("../fonts/NexaHeavy/NexaHeavy.eot");
src: url("../fonts/NexaHeavy/NexaHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaHeavy/NexaHeavy.woff") format("woff"),
url("../fonts/NexaHeavy/NexaHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa HeavyItalic
1. Для того, чтобы установить шрифт Nexa HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaHeavyItalic";
src: url("../fonts/NexaHeavyItalic/NexaHeavyItalic.eot");
src: url("../fonts/NexaHeavyItalic/NexaHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaHeavyItalic/NexaHeavyItalic.woff") format("woff"),
url("../fonts/NexaHeavyItalic/NexaHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nexa BookItalic
1. Для того, чтобы установить шрифт Nexa BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NexaBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NexaBookItalic";
src: url("../fonts/NexaBookItalic/NexaBookItalic.eot");
src: url("../fonts/NexaBookItalic/NexaBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NexaBookItalic/NexaBookItalic.woff") format("woff"),
url("../fonts/NexaBookItalic/NexaBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!