Шрифт Nunito
На нашем сайте, вы можете скачать шрифт Nunito для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito ExtraLight
1. Для того, чтобы установить шрифт Nunito ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoExtraLight";
src: url("../fonts/NunitoExtraLight/NunitoExtraLight.eot");
src: url("../fonts/NunitoExtraLight/NunitoExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoExtraLight/NunitoExtraLight.woff") format("woff"),
url("../fonts/NunitoExtraLight/NunitoExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito Light
1. Для того, чтобы установить шрифт Nunito Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoLight";
src: url("../fonts/NunitoLight/NunitoLight.eot");
src: url("../fonts/NunitoLight/NunitoLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoLight/NunitoLight.woff") format("woff"),
url("../fonts/NunitoLight/NunitoLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito SemiBold
1. Для того, чтобы установить шрифт Nunito SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoSemiBold";
src: url("../fonts/NunitoSemiBold/NunitoSemiBold.eot");
src: url("../fonts/NunitoSemiBold/NunitoSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoSemiBold/NunitoSemiBold.woff") format("woff"),
url("../fonts/NunitoSemiBold/NunitoSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito Bold
1. Для того, чтобы установить шрифт Nunito Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoBold";
src: url("../fonts/NunitoBold/NunitoBold.eot");
src: url("../fonts/NunitoBold/NunitoBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoBold/NunitoBold.woff") format("woff"),
url("../fonts/NunitoBold/NunitoBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito Black
1. Для того, чтобы установить шрифт Nunito Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoBlack";
src: url("../fonts/NunitoBlack/NunitoBlack.eot");
src: url("../fonts/NunitoBlack/NunitoBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoBlack/NunitoBlack.woff") format("woff"),
url("../fonts/NunitoBlack/NunitoBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito ExtraLightItalic
1. Для того, чтобы установить шрифт Nunito ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoExtraLightItalic";
src: url("../fonts/NunitoExtraLightItalic/NunitoExtraLightItalic.eot");
src: url("../fonts/NunitoExtraLightItalic/NunitoExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoExtraLightItalic/NunitoExtraLightItalic.woff") format("woff"),
url("../fonts/NunitoExtraLightItalic/NunitoExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito LightItalic
1. Для того, чтобы установить шрифт Nunito LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoLightItalic";
src: url("../fonts/NunitoLightItalic/NunitoLightItalic.eot");
src: url("../fonts/NunitoLightItalic/NunitoLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoLightItalic/NunitoLightItalic.woff") format("woff"),
url("../fonts/NunitoLightItalic/NunitoLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito Italic
1. Для того, чтобы установить шрифт Nunito Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoItalic";
src: url("../fonts/NunitoItalic/NunitoItalic.eot");
src: url("../fonts/NunitoItalic/NunitoItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoItalic/NunitoItalic.woff") format("woff"),
url("../fonts/NunitoItalic/NunitoItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito BoldItalic
1. Для того, чтобы установить шрифт Nunito BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoBoldItalic";
src: url("../fonts/NunitoBoldItalic/NunitoBoldItalic.eot");
src: url("../fonts/NunitoBoldItalic/NunitoBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoBoldItalic/NunitoBoldItalic.woff") format("woff"),
url("../fonts/NunitoBoldItalic/NunitoBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito SemiBoldItalic
1. Для того, чтобы установить шрифт Nunito SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoSemiBoldItalic";
src: url("../fonts/NunitoSemiBoldItalic/NunitoSemiBoldItalic.eot");
src: url("../fonts/NunitoSemiBoldItalic/NunitoSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoSemiBoldItalic/NunitoSemiBoldItalic.woff") format("woff"),
url("../fonts/NunitoSemiBoldItalic/NunitoSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito ExtraBoldItalic
1. Для того, чтобы установить шрифт Nunito ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoExtraBoldItalic";
src: url("../fonts/NunitoExtraBoldItalic/NunitoExtraBoldItalic.eot");
src: url("../fonts/NunitoExtraBoldItalic/NunitoExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoExtraBoldItalic/NunitoExtraBoldItalic.woff") format("woff"),
url("../fonts/NunitoExtraBoldItalic/NunitoExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Nunito BlackItalic
1. Для того, чтобы установить шрифт Nunito BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NunitoBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NunitoBlackItalic";
src: url("../fonts/NunitoBlackItalic/NunitoBlackItalic.eot");
src: url("../fonts/NunitoBlackItalic/NunitoBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NunitoBlackItalic/NunitoBlackItalic.woff") format("woff"),
url("../fonts/NunitoBlackItalic/NunitoBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!