Шрифт Kappa Text
На нашем сайте, вы можете скачать шрифт Kappa Text для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Thin
1. Для того, чтобы установить шрифт KappaText Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextThin";
src: url("../fonts/KappaTextThin/KappaTextThin.eot");
src: url("../fonts/KappaTextThin/KappaTextThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextThin/KappaTextThin.woff") format("woff"),
url("../fonts/KappaTextThin/KappaTextThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText UltraLightItalic
1. Для того, чтобы установить шрифт KappaText UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextUltraLightItalic";
src: url("../fonts/KappaTextUltraLightItalic/KappaTextUltraLightItalic.eot");
src: url("../fonts/KappaTextUltraLightItalic/KappaTextUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextUltraLightItalic/KappaTextUltraLightItalic.woff") format("woff"),
url("../fonts/KappaTextUltraLightItalic/KappaTextUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Light
1. Для того, чтобы установить шрифт KappaText Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextLight";
src: url("../fonts/KappaTextLight/KappaTextLight.eot");
src: url("../fonts/KappaTextLight/KappaTextLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextLight/KappaTextLight.woff") format("woff"),
url("../fonts/KappaTextLight/KappaTextLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Regular
1. Для того, чтобы установить шрифт KappaText Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextRegular";
src: url("../fonts/KappaTextRegular/KappaTextRegular.eot");
src: url("../fonts/KappaTextRegular/KappaTextRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextRegular/KappaTextRegular.woff") format("woff"),
url("../fonts/KappaTextRegular/KappaTextRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText UltraLight
1. Для того, чтобы установить шрифт KappaText UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextUltraLight";
src: url("../fonts/KappaTextUltraLight/KappaTextUltraLight.eot");
src: url("../fonts/KappaTextUltraLight/KappaTextUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextUltraLight/KappaTextUltraLight.woff") format("woff"),
url("../fonts/KappaTextUltraLight/KappaTextUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Bold
1. Для того, чтобы установить шрифт KappaText Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBold";
src: url("../fonts/KappaTextBold/KappaTextBold.eot");
src: url("../fonts/KappaTextBold/KappaTextBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBold/KappaTextBold.woff") format("woff"),
url("../fonts/KappaTextBold/KappaTextBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText ExtraBold
1. Для того, чтобы установить шрифт KappaText ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextExtraBold";
src: url("../fonts/KappaTextExtraBold/KappaTextExtraBold.eot");
src: url("../fonts/KappaTextExtraBold/KappaTextExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextExtraBold/KappaTextExtraBold.woff") format("woff"),
url("../fonts/KappaTextExtraBold/KappaTextExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Black
1. Для того, чтобы установить шрифт KappaText Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBlack";
src: url("../fonts/KappaTextBlack/KappaTextBlack.eot");
src: url("../fonts/KappaTextBlack/KappaTextBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBlack/KappaTextBlack.woff") format("woff"),
url("../fonts/KappaTextBlack/KappaTextBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText UltraBlack
1. Для того, чтобы установить шрифт KappaText UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextUltraBlack";
src: url("../fonts/KappaTextUltraBlack/KappaTextUltraBlack.eot");
src: url("../fonts/KappaTextUltraBlack/KappaTextUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextUltraBlack/KappaTextUltraBlack.woff") format("woff"),
url("../fonts/KappaTextUltraBlack/KappaTextUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText ThinItalic
1. Для того, чтобы установить шрифт KappaText ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextThinItalic";
src: url("../fonts/KappaTextThinItalic/KappaTextThinItalic.eot");
src: url("../fonts/KappaTextThinItalic/KappaTextThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextThinItalic/KappaTextThinItalic.woff") format("woff"),
url("../fonts/KappaTextThinItalic/KappaTextThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText LightItalic
1. Для того, чтобы установить шрифт KappaText LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextLightItalic";
src: url("../fonts/KappaTextLightItalic/KappaTextLightItalic.eot");
src: url("../fonts/KappaTextLightItalic/KappaTextLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextLightItalic/KappaTextLightItalic.woff") format("woff"),
url("../fonts/KappaTextLightItalic/KappaTextLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText BoldItalic
1. Для того, чтобы установить шрифт KappaText BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBoldItalic";
src: url("../fonts/KappaTextBoldItalic/KappaTextBoldItalic.eot");
src: url("../fonts/KappaTextBoldItalic/KappaTextBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBoldItalic/KappaTextBoldItalic.woff") format("woff"),
url("../fonts/KappaTextBoldItalic/KappaTextBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText ExtraBoldItalic
1. Для того, чтобы установить шрифт KappaText ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextExtraBoldItalic";
src: url("../fonts/KappaTextExtraBoldItalic/KappaTextExtraBoldItalic.eot");
src: url("../fonts/KappaTextExtraBoldItalic/KappaTextExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextExtraBoldItalic/KappaTextExtraBoldItalic.woff") format("woff"),
url("../fonts/KappaTextExtraBoldItalic/KappaTextExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText BlackItalic
1. Для того, чтобы установить шрифт KappaText BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBlackItalic";
src: url("../fonts/KappaTextBlackItalic/KappaTextBlackItalic.eot");
src: url("../fonts/KappaTextBlackItalic/KappaTextBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBlackItalic/KappaTextBlackItalic.woff") format("woff"),
url("../fonts/KappaTextBlackItalic/KappaTextBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText UltraBlackItalic
1. Для того, чтобы установить шрифт KappaText UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextUltraBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextUltraBlackItalic";
src: url("../fonts/KappaTextUltraBlackItalic/KappaTextUltraBlackItalic.eot");
src: url("../fonts/KappaTextUltraBlackItalic/KappaTextUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextUltraBlackItalic/KappaTextUltraBlackItalic.woff") format("woff"),
url("../fonts/KappaTextUltraBlackItalic/KappaTextUltraBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText Book
1. Для того, чтобы установить шрифт KappaText Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBook";
src: url("../fonts/KappaTextBook/KappaTextBook.eot");
src: url("../fonts/KappaTextBook/KappaTextBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBook/KappaTextBook.woff") format("woff"),
url("../fonts/KappaTextBook/KappaTextBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText BookItalic
1. Для того, чтобы установить шрифт KappaText BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextBookItalic";
src: url("../fonts/KappaTextBookItalic/KappaTextBookItalic.eot");
src: url("../fonts/KappaTextBookItalic/KappaTextBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextBookItalic/KappaTextBookItalic.woff") format("woff"),
url("../fonts/KappaTextBookItalic/KappaTextBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт KappaText RegularItalic
1. Для того, чтобы установить шрифт KappaText RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /KappaTextRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "KappaTextRegularItalic";
src: url("../fonts/KappaTextRegularItalic/KappaTextRegularItalic.eot");
src: url("../fonts/KappaTextRegularItalic/KappaTextRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/KappaTextRegularItalic/KappaTextRegularItalic.woff") format("woff"),
url("../fonts/KappaTextRegularItalic/KappaTextRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!