Шрифт Etelka Slab
На нашем сайте, вы можете скачать шрифт Etelka Slab для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Thin
1. Для того, чтобы установить шрифт EtelkaSlab Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabThin";
src: url("../fonts/EtelkaSlabThin/EtelkaSlabThin.eot");
src: url("../fonts/EtelkaSlabThin/EtelkaSlabThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabThin/EtelkaSlabThin.woff") format("woff"),
url("../fonts/EtelkaSlabThin/EtelkaSlabThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab ExtraLight
1. Для того, чтобы установить шрифт EtelkaSlab ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabExtraLight";
src: url("../fonts/EtelkaSlabExtraLight/EtelkaSlabExtraLight.eot");
src: url("../fonts/EtelkaSlabExtraLight/EtelkaSlabExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabExtraLight/EtelkaSlabExtraLight.woff") format("woff"),
url("../fonts/EtelkaSlabExtraLight/EtelkaSlabExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Light
1. Для того, чтобы установить шрифт EtelkaSlab Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabLight";
src: url("../fonts/EtelkaSlabLight/EtelkaSlabLight.eot");
src: url("../fonts/EtelkaSlabLight/EtelkaSlabLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabLight/EtelkaSlabLight.woff") format("woff"),
url("../fonts/EtelkaSlabLight/EtelkaSlabLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Medium
1. Для того, чтобы установить шрифт EtelkaSlab Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabMedium";
src: url("../fonts/EtelkaSlabMedium/EtelkaSlabMedium.eot");
src: url("../fonts/EtelkaSlabMedium/EtelkaSlabMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabMedium/EtelkaSlabMedium.woff") format("woff"),
url("../fonts/EtelkaSlabMedium/EtelkaSlabMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Bold
1. Для того, чтобы установить шрифт EtelkaSlab Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabBold";
src: url("../fonts/EtelkaSlabBold/EtelkaSlabBold.eot");
src: url("../fonts/EtelkaSlabBold/EtelkaSlabBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabBold/EtelkaSlabBold.woff") format("woff"),
url("../fonts/EtelkaSlabBold/EtelkaSlabBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Black
1. Для того, чтобы установить шрифт EtelkaSlab Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabBlack";
src: url("../fonts/EtelkaSlabBlack/EtelkaSlabBlack.eot");
src: url("../fonts/EtelkaSlabBlack/EtelkaSlabBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabBlack/EtelkaSlabBlack.woff") format("woff"),
url("../fonts/EtelkaSlabBlack/EtelkaSlabBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab ThinItalic
1. Для того, чтобы установить шрифт EtelkaSlab ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabThinItalic";
src: url("../fonts/EtelkaSlabThinItalic/EtelkaSlabThinItalic.eot");
src: url("../fonts/EtelkaSlabThinItalic/EtelkaSlabThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabThinItalic/EtelkaSlabThinItalic.woff") format("woff"),
url("../fonts/EtelkaSlabThinItalic/EtelkaSlabThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab ExtraLightItalic
1. Для того, чтобы установить шрифт EtelkaSlab ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabExtraLightItalic";
src: url("../fonts/EtelkaSlabExtraLightItalic/EtelkaSlabExtraLightItalic.eot");
src: url("../fonts/EtelkaSlabExtraLightItalic/EtelkaSlabExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabExtraLightItalic/EtelkaSlabExtraLightItalic.woff") format("woff"),
url("../fonts/EtelkaSlabExtraLightItalic/EtelkaSlabExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab LightItalic
1. Для того, чтобы установить шрифт EtelkaSlab LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabLightItalic";
src: url("../fonts/EtelkaSlabLightItalic/EtelkaSlabLightItalic.eot");
src: url("../fonts/EtelkaSlabLightItalic/EtelkaSlabLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabLightItalic/EtelkaSlabLightItalic.woff") format("woff"),
url("../fonts/EtelkaSlabLightItalic/EtelkaSlabLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab Italic
1. Для того, чтобы установить шрифт EtelkaSlab Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabItalic";
src: url("../fonts/EtelkaSlabItalic/EtelkaSlabItalic.eot");
src: url("../fonts/EtelkaSlabItalic/EtelkaSlabItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabItalic/EtelkaSlabItalic.woff") format("woff"),
url("../fonts/EtelkaSlabItalic/EtelkaSlabItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab MediumItalic
1. Для того, чтобы установить шрифт EtelkaSlab MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabMediumItalic";
src: url("../fonts/EtelkaSlabMediumItalic/EtelkaSlabMediumItalic.eot");
src: url("../fonts/EtelkaSlabMediumItalic/EtelkaSlabMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabMediumItalic/EtelkaSlabMediumItalic.woff") format("woff"),
url("../fonts/EtelkaSlabMediumItalic/EtelkaSlabMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab BoldItalic
1. Для того, чтобы установить шрифт EtelkaSlab BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabBoldItalic";
src: url("../fonts/EtelkaSlabBoldItalic/EtelkaSlabBoldItalic.eot");
src: url("../fonts/EtelkaSlabBoldItalic/EtelkaSlabBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabBoldItalic/EtelkaSlabBoldItalic.woff") format("woff"),
url("../fonts/EtelkaSlabBoldItalic/EtelkaSlabBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт EtelkaSlab BlackItalic
1. Для того, чтобы установить шрифт EtelkaSlab BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EtelkaSlabBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EtelkaSlabBlackItalic";
src: url("../fonts/EtelkaSlabBlackItalic/EtelkaSlabBlackItalic.eot");
src: url("../fonts/EtelkaSlabBlackItalic/EtelkaSlabBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EtelkaSlabBlackItalic/EtelkaSlabBlackItalic.woff") format("woff"),
url("../fonts/EtelkaSlabBlackItalic/EtelkaSlabBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!