Шрифт Nocturne Serif
На нашем сайте, вы можете скачать шрифт Nocturne Serif для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraThin
1. Для того, чтобы установить шрифт NocturneSerif ExtraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraThin";
src: url("../fonts/NocturneSerifExtraThin/NocturneSerifExtraThin.eot");
src: url("../fonts/NocturneSerifExtraThin/NocturneSerifExtraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraThin/NocturneSerifExtraThin.woff") format("woff"),
url("../fonts/NocturneSerifExtraThin/NocturneSerifExtraThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraThinItalic
1. Для того, чтобы установить шрифт NocturneSerif ExtraThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraThinItalic";
src: url("../fonts/NocturneSerifExtraThinItalic/NocturneSerifExtraThinItalic.eot");
src: url("../fonts/NocturneSerifExtraThinItalic/NocturneSerifExtraThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraThinItalic/NocturneSerifExtraThinItalic.woff") format("woff"),
url("../fonts/NocturneSerifExtraThinItalic/NocturneSerifExtraThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Thin
1. Для того, чтобы установить шрифт NocturneSerif Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifThin";
src: url("../fonts/NocturneSerifThin/NocturneSerifThin.eot");
src: url("../fonts/NocturneSerifThin/NocturneSerifThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifThin/NocturneSerifThin.woff") format("woff"),
url("../fonts/NocturneSerifThin/NocturneSerifThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraLight
1. Для того, чтобы установить шрифт NocturneSerif ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraLight";
src: url("../fonts/NocturneSerifExtraLight/NocturneSerifExtraLight.eot");
src: url("../fonts/NocturneSerifExtraLight/NocturneSerifExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraLight/NocturneSerifExtraLight.woff") format("woff"),
url("../fonts/NocturneSerifExtraLight/NocturneSerifExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Light
1. Для того, чтобы установить шрифт NocturneSerif Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifLight";
src: url("../fonts/NocturneSerifLight/NocturneSerifLight.eot");
src: url("../fonts/NocturneSerifLight/NocturneSerifLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifLight/NocturneSerifLight.woff") format("woff"),
url("../fonts/NocturneSerifLight/NocturneSerifLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Regular
1. Для того, чтобы установить шрифт NocturneSerif Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifRegular";
src: url("../fonts/NocturneSerifRegular/NocturneSerifRegular.eot");
src: url("../fonts/NocturneSerifRegular/NocturneSerifRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifRegular/NocturneSerifRegular.woff") format("woff"),
url("../fonts/NocturneSerifRegular/NocturneSerifRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Medium
1. Для того, чтобы установить шрифт NocturneSerif Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifMedium";
src: url("../fonts/NocturneSerifMedium/NocturneSerifMedium.eot");
src: url("../fonts/NocturneSerifMedium/NocturneSerifMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifMedium/NocturneSerifMedium.woff") format("woff"),
url("../fonts/NocturneSerifMedium/NocturneSerifMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif SemiBold
1. Для того, чтобы установить шрифт NocturneSerif SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifSemiBold";
src: url("../fonts/NocturneSerifSemiBold/NocturneSerifSemiBold.eot");
src: url("../fonts/NocturneSerifSemiBold/NocturneSerifSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifSemiBold/NocturneSerifSemiBold.woff") format("woff"),
url("../fonts/NocturneSerifSemiBold/NocturneSerifSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Bold
1. Для того, чтобы установить шрифт NocturneSerif Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifBold";
src: url("../fonts/NocturneSerifBold/NocturneSerifBold.eot");
src: url("../fonts/NocturneSerifBold/NocturneSerifBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifBold/NocturneSerifBold.woff") format("woff"),
url("../fonts/NocturneSerifBold/NocturneSerifBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraBold
1. Для того, чтобы установить шрифт NocturneSerif ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraBold";
src: url("../fonts/NocturneSerifExtraBold/NocturneSerifExtraBold.eot");
src: url("../fonts/NocturneSerifExtraBold/NocturneSerifExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraBold/NocturneSerifExtraBold.woff") format("woff"),
url("../fonts/NocturneSerifExtraBold/NocturneSerifExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Black
1. Для того, чтобы установить шрифт NocturneSerif Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifBlack";
src: url("../fonts/NocturneSerifBlack/NocturneSerifBlack.eot");
src: url("../fonts/NocturneSerifBlack/NocturneSerifBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifBlack/NocturneSerifBlack.woff") format("woff"),
url("../fonts/NocturneSerifBlack/NocturneSerifBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ThinItalic
1. Для того, чтобы установить шрифт NocturneSerif ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifThinItalic";
src: url("../fonts/NocturneSerifThinItalic/NocturneSerifThinItalic.eot");
src: url("../fonts/NocturneSerifThinItalic/NocturneSerifThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifThinItalic/NocturneSerifThinItalic.woff") format("woff"),
url("../fonts/NocturneSerifThinItalic/NocturneSerifThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraLightItalic
1. Для того, чтобы установить шрифт NocturneSerif ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraLightItalic";
src: url("../fonts/NocturneSerifExtraLightItalic/NocturneSerifExtraLightItalic.eot");
src: url("../fonts/NocturneSerifExtraLightItalic/NocturneSerifExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraLightItalic/NocturneSerifExtraLightItalic.woff") format("woff"),
url("../fonts/NocturneSerifExtraLightItalic/NocturneSerifExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif LightItalic
1. Для того, чтобы установить шрифт NocturneSerif LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifLightItalic";
src: url("../fonts/NocturneSerifLightItalic/NocturneSerifLightItalic.eot");
src: url("../fonts/NocturneSerifLightItalic/NocturneSerifLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifLightItalic/NocturneSerifLightItalic.woff") format("woff"),
url("../fonts/NocturneSerifLightItalic/NocturneSerifLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif Italic
1. Для того, чтобы установить шрифт NocturneSerif Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifItalic";
src: url("../fonts/NocturneSerifItalic/NocturneSerifItalic.eot");
src: url("../fonts/NocturneSerifItalic/NocturneSerifItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifItalic/NocturneSerifItalic.woff") format("woff"),
url("../fonts/NocturneSerifItalic/NocturneSerifItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif MediumItalic
1. Для того, чтобы установить шрифт NocturneSerif MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifMediumItalic";
src: url("../fonts/NocturneSerifMediumItalic/NocturneSerifMediumItalic.eot");
src: url("../fonts/NocturneSerifMediumItalic/NocturneSerifMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifMediumItalic/NocturneSerifMediumItalic.woff") format("woff"),
url("../fonts/NocturneSerifMediumItalic/NocturneSerifMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif BoldItalic
1. Для того, чтобы установить шрифт NocturneSerif BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifBoldItalic";
src: url("../fonts/NocturneSerifBoldItalic/NocturneSerifBoldItalic.eot");
src: url("../fonts/NocturneSerifBoldItalic/NocturneSerifBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifBoldItalic/NocturneSerifBoldItalic.woff") format("woff"),
url("../fonts/NocturneSerifBoldItalic/NocturneSerifBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif SemiBoldItalic
1. Для того, чтобы установить шрифт NocturneSerif SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifSemiBoldItalic";
src: url("../fonts/NocturneSerifSemiBoldItalic/NocturneSerifSemiBoldItalic.eot");
src: url("../fonts/NocturneSerifSemiBoldItalic/NocturneSerifSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifSemiBoldItalic/NocturneSerifSemiBoldItalic.woff") format("woff"),
url("../fonts/NocturneSerifSemiBoldItalic/NocturneSerifSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif ExtraBoldItalic
1. Для того, чтобы установить шрифт NocturneSerif ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifExtraBoldItalic";
src: url("../fonts/NocturneSerifExtraBoldItalic/NocturneSerifExtraBoldItalic.eot");
src: url("../fonts/NocturneSerifExtraBoldItalic/NocturneSerifExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifExtraBoldItalic/NocturneSerifExtraBoldItalic.woff") format("woff"),
url("../fonts/NocturneSerifExtraBoldItalic/NocturneSerifExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт NocturneSerif BlackItalic
1. Для того, чтобы установить шрифт NocturneSerif BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /NocturneSerifBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "NocturneSerifBlackItalic";
src: url("../fonts/NocturneSerifBlackItalic/NocturneSerifBlackItalic.eot");
src: url("../fonts/NocturneSerifBlackItalic/NocturneSerifBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/NocturneSerifBlackItalic/NocturneSerifBlackItalic.woff") format("woff"),
url("../fonts/NocturneSerifBlackItalic/NocturneSerifBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!