Шрифт Zin Slab
На нашем сайте, вы можете скачать шрифт Zin Slab для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab Light
1. Для того, чтобы установить шрифт ZinSlab Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabLight";
src: url("../fonts/ZinSlabLight/ZinSlabLight.eot");
src: url("../fonts/ZinSlabLight/ZinSlabLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabLight/ZinSlabLight.woff") format("woff"),
url("../fonts/ZinSlabLight/ZinSlabLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab Regular
1. Для того, чтобы установить шрифт ZinSlab Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabRegular";
src: url("../fonts/ZinSlabRegular/ZinSlabRegular.eot");
src: url("../fonts/ZinSlabRegular/ZinSlabRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabRegular/ZinSlabRegular.woff") format("woff"),
url("../fonts/ZinSlabRegular/ZinSlabRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab Medium
1. Для того, чтобы установить шрифт ZinSlab Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabMedium";
src: url("../fonts/ZinSlabMedium/ZinSlabMedium.eot");
src: url("../fonts/ZinSlabMedium/ZinSlabMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabMedium/ZinSlabMedium.woff") format("woff"),
url("../fonts/ZinSlabMedium/ZinSlabMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab Bold
1. Для того, чтобы установить шрифт ZinSlab Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabBold";
src: url("../fonts/ZinSlabBold/ZinSlabBold.eot");
src: url("../fonts/ZinSlabBold/ZinSlabBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabBold/ZinSlabBold.woff") format("woff"),
url("../fonts/ZinSlabBold/ZinSlabBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab Black
1. Для того, чтобы установить шрифт ZinSlab Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabBlack";
src: url("../fonts/ZinSlabBlack/ZinSlabBlack.eot");
src: url("../fonts/ZinSlabBlack/ZinSlabBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabBlack/ZinSlabBlack.woff") format("woff"),
url("../fonts/ZinSlabBlack/ZinSlabBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab LightItalic
1. Для того, чтобы установить шрифт ZinSlab LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabLightItalic";
src: url("../fonts/ZinSlabLightItalic/ZinSlabLightItalic.eot");
src: url("../fonts/ZinSlabLightItalic/ZinSlabLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabLightItalic/ZinSlabLightItalic.woff") format("woff"),
url("../fonts/ZinSlabLightItalic/ZinSlabLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab MediumItalic
1. Для того, чтобы установить шрифт ZinSlab MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabMediumItalic";
src: url("../fonts/ZinSlabMediumItalic/ZinSlabMediumItalic.eot");
src: url("../fonts/ZinSlabMediumItalic/ZinSlabMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabMediumItalic/ZinSlabMediumItalic.woff") format("woff"),
url("../fonts/ZinSlabMediumItalic/ZinSlabMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab BoldItalic
1. Для того, чтобы установить шрифт ZinSlab BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabBoldItalic";
src: url("../fonts/ZinSlabBoldItalic/ZinSlabBoldItalic.eot");
src: url("../fonts/ZinSlabBoldItalic/ZinSlabBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabBoldItalic/ZinSlabBoldItalic.woff") format("woff"),
url("../fonts/ZinSlabBoldItalic/ZinSlabBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab BlackItalic
1. Для того, чтобы установить шрифт ZinSlab BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabBlackItalic";
src: url("../fonts/ZinSlabBlackItalic/ZinSlabBlackItalic.eot");
src: url("../fonts/ZinSlabBlackItalic/ZinSlabBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabBlackItalic/ZinSlabBlackItalic.woff") format("woff"),
url("../fonts/ZinSlabBlackItalic/ZinSlabBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZinSlab RegularItalic
1. Для того, чтобы установить шрифт ZinSlab RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZinSlabRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZinSlabRegularItalic";
src: url("../fonts/ZinSlabRegularItalic/ZinSlabRegularItalic.eot");
src: url("../fonts/ZinSlabRegularItalic/ZinSlabRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZinSlabRegularItalic/ZinSlabRegularItalic.woff") format("woff"),
url("../fonts/ZinSlabRegularItalic/ZinSlabRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!