Шрифт Kappa Vol.2 Display
На нашем сайте, вы можете скачать шрифт Kappa Vol.2 Display для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Thin
1. Для того, чтобы установить шрифт KappaVol.2Display Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayThin";
src: url("../fonts/KappaVol.2DisplayThin/KappaVol.2DisplayThin.eot");
src: url("../fonts/KappaVol.2DisplayThin/KappaVol.2DisplayThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayThin/KappaVol.2DisplayThin.woff") format("woff"),
url("../fonts/KappaVol.2DisplayThin/KappaVol.2DisplayThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display UltraLightItalic
1. Для того, чтобы установить шрифт KappaVol.2Display UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayUltraLightItalic";
src: url("../fonts/KappaVol.2DisplayUltraLightItalic/KappaVol.2DisplayUltraLightItalic.eot");
src: url("../fonts/KappaVol.2DisplayUltraLightItalic/KappaVol.2DisplayUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayUltraLightItalic/KappaVol.2DisplayUltraLightItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayUltraLightItalic/KappaVol.2DisplayUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Light
1. Для того, чтобы установить шрифт KappaVol.2Display Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayLight";
src: url("../fonts/KappaVol.2DisplayLight/KappaVol.2DisplayLight.eot");
src: url("../fonts/KappaVol.2DisplayLight/KappaVol.2DisplayLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayLight/KappaVol.2DisplayLight.woff") format("woff"),
url("../fonts/KappaVol.2DisplayLight/KappaVol.2DisplayLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Regular
1. Для того, чтобы установить шрифт KappaVol.2Display Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayRegular";
src: url("../fonts/KappaVol.2DisplayRegular/KappaVol.2DisplayRegular.eot");
src: url("../fonts/KappaVol.2DisplayRegular/KappaVol.2DisplayRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayRegular/KappaVol.2DisplayRegular.woff") format("woff"),
url("../fonts/KappaVol.2DisplayRegular/KappaVol.2DisplayRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display UltraLight
1. Для того, чтобы установить шрифт KappaVol.2Display UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayUltraLight";
src: url("../fonts/KappaVol.2DisplayUltraLight/KappaVol.2DisplayUltraLight.eot");
src: url("../fonts/KappaVol.2DisplayUltraLight/KappaVol.2DisplayUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayUltraLight/KappaVol.2DisplayUltraLight.woff") format("woff"),
url("../fonts/KappaVol.2DisplayUltraLight/KappaVol.2DisplayUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Bold
1. Для того, чтобы установить шрифт KappaVol.2Display Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBold";
src: url("../fonts/KappaVol.2DisplayBold/KappaVol.2DisplayBold.eot");
src: url("../fonts/KappaVol.2DisplayBold/KappaVol.2DisplayBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBold/KappaVol.2DisplayBold.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBold/KappaVol.2DisplayBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display ExtraBold
1. Для того, чтобы установить шрифт KappaVol.2Display ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayExtraBold";
src: url("../fonts/KappaVol.2DisplayExtraBold/KappaVol.2DisplayExtraBold.eot");
src: url("../fonts/KappaVol.2DisplayExtraBold/KappaVol.2DisplayExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayExtraBold/KappaVol.2DisplayExtraBold.woff") format("woff"),
url("../fonts/KappaVol.2DisplayExtraBold/KappaVol.2DisplayExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Black
1. Для того, чтобы установить шрифт KappaVol.2Display Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBlack";
src: url("../fonts/KappaVol.2DisplayBlack/KappaVol.2DisplayBlack.eot");
src: url("../fonts/KappaVol.2DisplayBlack/KappaVol.2DisplayBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBlack/KappaVol.2DisplayBlack.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBlack/KappaVol.2DisplayBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display UltraBlack
1. Для того, чтобы установить шрифт KappaVol.2Display UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayUltraBlack";
src: url("../fonts/KappaVol.2DisplayUltraBlack/KappaVol.2DisplayUltraBlack.eot");
src: url("../fonts/KappaVol.2DisplayUltraBlack/KappaVol.2DisplayUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayUltraBlack/KappaVol.2DisplayUltraBlack.woff") format("woff"),
url("../fonts/KappaVol.2DisplayUltraBlack/KappaVol.2DisplayUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display ThinItalic
1. Для того, чтобы установить шрифт KappaVol.2Display ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayThinItalic";
src: url("../fonts/KappaVol.2DisplayThinItalic/KappaVol.2DisplayThinItalic.eot");
src: url("../fonts/KappaVol.2DisplayThinItalic/KappaVol.2DisplayThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayThinItalic/KappaVol.2DisplayThinItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayThinItalic/KappaVol.2DisplayThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display LightItalic
1. Для того, чтобы установить шрифт KappaVol.2Display LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayLightItalic";
src: url("../fonts/KappaVol.2DisplayLightItalic/KappaVol.2DisplayLightItalic.eot");
src: url("../fonts/KappaVol.2DisplayLightItalic/KappaVol.2DisplayLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayLightItalic/KappaVol.2DisplayLightItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayLightItalic/KappaVol.2DisplayLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display BoldItalic
1. Для того, чтобы установить шрифт KappaVol.2Display BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBoldItalic";
src: url("../fonts/KappaVol.2DisplayBoldItalic/KappaVol.2DisplayBoldItalic.eot");
src: url("../fonts/KappaVol.2DisplayBoldItalic/KappaVol.2DisplayBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBoldItalic/KappaVol.2DisplayBoldItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBoldItalic/KappaVol.2DisplayBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display ExtraBoldItalic
1. Для того, чтобы установить шрифт KappaVol.2Display ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayExtraBoldItalic";
src: url("../fonts/KappaVol.2DisplayExtraBoldItalic/KappaVol.2DisplayExtraBoldItalic.eot");
src: url("../fonts/KappaVol.2DisplayExtraBoldItalic/KappaVol.2DisplayExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayExtraBoldItalic/KappaVol.2DisplayExtraBoldItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayExtraBoldItalic/KappaVol.2DisplayExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display BlackItalic
1. Для того, чтобы установить шрифт KappaVol.2Display BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBlackItalic";
src: url("../fonts/KappaVol.2DisplayBlackItalic/KappaVol.2DisplayBlackItalic.eot");
src: url("../fonts/KappaVol.2DisplayBlackItalic/KappaVol.2DisplayBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBlackItalic/KappaVol.2DisplayBlackItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBlackItalic/KappaVol.2DisplayBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display UltraBlackItalic
1. Для того, чтобы установить шрифт KappaVol.2Display UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayUltraBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayUltraBlackItalic";
src: url("../fonts/KappaVol.2DisplayUltraBlackItalic/KappaVol.2DisplayUltraBlackItalic.eot");
src: url("../fonts/KappaVol.2DisplayUltraBlackItalic/KappaVol.2DisplayUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayUltraBlackItalic/KappaVol.2DisplayUltraBlackItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayUltraBlackItalic/KappaVol.2DisplayUltraBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display Book
1. Для того, чтобы установить шрифт KappaVol.2Display Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBook";
src: url("../fonts/KappaVol.2DisplayBook/KappaVol.2DisplayBook.eot");
src: url("../fonts/KappaVol.2DisplayBook/KappaVol.2DisplayBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBook/KappaVol.2DisplayBook.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBook/KappaVol.2DisplayBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display BookItalic
1. Для того, чтобы установить шрифт KappaVol.2Display BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayBookItalic";
src: url("../fonts/KappaVol.2DisplayBookItalic/KappaVol.2DisplayBookItalic.eot");
src: url("../fonts/KappaVol.2DisplayBookItalic/KappaVol.2DisplayBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayBookItalic/KappaVol.2DisplayBookItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayBookItalic/KappaVol.2DisplayBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaVol.2Display RegularItalic
1. Для того, чтобы установить шрифт KappaVol.2Display RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaVol.2DisplayRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaVol.2DisplayRegularItalic";
src: url("../fonts/KappaVol.2DisplayRegularItalic/KappaVol.2DisplayRegularItalic.eot");
src: url("../fonts/KappaVol.2DisplayRegularItalic/KappaVol.2DisplayRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaVol.2DisplayRegularItalic/KappaVol.2DisplayRegularItalic.woff") format("woff"),
url("../fonts/KappaVol.2DisplayRegularItalic/KappaVol.2DisplayRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!