Шрифт Zierde Grotesk
На нашем сайте, вы можете скачать шрифт Zierde Grotesk для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk DemiBold
1. Для того, чтобы установить шрифт ZierdeGrotesk DemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskDemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskDemiBold";
src: url("../fonts/ZierdeGroteskDemiBold/ZierdeGroteskDemiBold.eot");
src: url("../fonts/ZierdeGroteskDemiBold/ZierdeGroteskDemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskDemiBold/ZierdeGroteskDemiBold.woff") format("woff"),
url("../fonts/ZierdeGroteskDemiBold/ZierdeGroteskDemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk DemiBoldItalic
1. Для того, чтобы установить шрифт ZierdeGrotesk DemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskDemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskDemiBoldItalic";
src: url("../fonts/ZierdeGroteskDemiBoldItalic/ZierdeGroteskDemiBoldItalic.eot");
src: url("../fonts/ZierdeGroteskDemiBoldItalic/ZierdeGroteskDemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskDemiBoldItalic/ZierdeGroteskDemiBoldItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskDemiBoldItalic/ZierdeGroteskDemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Ornaments
1. Для того, чтобы установить шрифт ZierdeGrotesk Ornaments в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskOrnaments /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskOrnaments";
src: url("../fonts/ZierdeGroteskOrnaments/ZierdeGroteskOrnaments.eot");
src: url("../fonts/ZierdeGroteskOrnaments/ZierdeGroteskOrnaments.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskOrnaments/ZierdeGroteskOrnaments.woff") format("woff"),
url("../fonts/ZierdeGroteskOrnaments/ZierdeGroteskOrnaments.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Light
1. Для того, чтобы установить шрифт ZierdeGrotesk Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskLight";
src: url("../fonts/ZierdeGroteskLight/ZierdeGroteskLight.eot");
src: url("../fonts/ZierdeGroteskLight/ZierdeGroteskLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskLight/ZierdeGroteskLight.woff") format("woff"),
url("../fonts/ZierdeGroteskLight/ZierdeGroteskLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Regular
1. Для того, чтобы установить шрифт ZierdeGrotesk Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskRegular";
src: url("../fonts/ZierdeGroteskRegular/ZierdeGroteskRegular.eot");
src: url("../fonts/ZierdeGroteskRegular/ZierdeGroteskRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskRegular/ZierdeGroteskRegular.woff") format("woff"),
url("../fonts/ZierdeGroteskRegular/ZierdeGroteskRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Medium
1. Для того, чтобы установить шрифт ZierdeGrotesk Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskMedium";
src: url("../fonts/ZierdeGroteskMedium/ZierdeGroteskMedium.eot");
src: url("../fonts/ZierdeGroteskMedium/ZierdeGroteskMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskMedium/ZierdeGroteskMedium.woff") format("woff"),
url("../fonts/ZierdeGroteskMedium/ZierdeGroteskMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk SemiBold
1. Для того, чтобы установить шрифт ZierdeGrotesk SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskSemiBold";
src: url("../fonts/ZierdeGroteskSemiBold/ZierdeGroteskSemiBold.eot");
src: url("../fonts/ZierdeGroteskSemiBold/ZierdeGroteskSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskSemiBold/ZierdeGroteskSemiBold.woff") format("woff"),
url("../fonts/ZierdeGroteskSemiBold/ZierdeGroteskSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Bold
1. Для того, чтобы установить шрифт ZierdeGrotesk Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskBold";
src: url("../fonts/ZierdeGroteskBold/ZierdeGroteskBold.eot");
src: url("../fonts/ZierdeGroteskBold/ZierdeGroteskBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskBold/ZierdeGroteskBold.woff") format("woff"),
url("../fonts/ZierdeGroteskBold/ZierdeGroteskBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk LightItalic
1. Для того, чтобы установить шрифт ZierdeGrotesk LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskLightItalic";
src: url("../fonts/ZierdeGroteskLightItalic/ZierdeGroteskLightItalic.eot");
src: url("../fonts/ZierdeGroteskLightItalic/ZierdeGroteskLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskLightItalic/ZierdeGroteskLightItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskLightItalic/ZierdeGroteskLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk Italic
1. Для того, чтобы установить шрифт ZierdeGrotesk Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskItalic";
src: url("../fonts/ZierdeGroteskItalic/ZierdeGroteskItalic.eot");
src: url("../fonts/ZierdeGroteskItalic/ZierdeGroteskItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskItalic/ZierdeGroteskItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskItalic/ZierdeGroteskItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk MediumItalic
1. Для того, чтобы установить шрифт ZierdeGrotesk MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskMediumItalic";
src: url("../fonts/ZierdeGroteskMediumItalic/ZierdeGroteskMediumItalic.eot");
src: url("../fonts/ZierdeGroteskMediumItalic/ZierdeGroteskMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskMediumItalic/ZierdeGroteskMediumItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskMediumItalic/ZierdeGroteskMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk BoldItalic
1. Для того, чтобы установить шрифт ZierdeGrotesk BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskBoldItalic";
src: url("../fonts/ZierdeGroteskBoldItalic/ZierdeGroteskBoldItalic.eot");
src: url("../fonts/ZierdeGroteskBoldItalic/ZierdeGroteskBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskBoldItalic/ZierdeGroteskBoldItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskBoldItalic/ZierdeGroteskBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZierdeGrotesk SemiBoldItalic
1. Для того, чтобы установить шрифт ZierdeGrotesk SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZierdeGroteskSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZierdeGroteskSemiBoldItalic";
src: url("../fonts/ZierdeGroteskSemiBoldItalic/ZierdeGroteskSemiBoldItalic.eot");
src: url("../fonts/ZierdeGroteskSemiBoldItalic/ZierdeGroteskSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZierdeGroteskSemiBoldItalic/ZierdeGroteskSemiBoldItalic.woff") format("woff"),
url("../fonts/ZierdeGroteskSemiBoldItalic/ZierdeGroteskSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!