Шрифт Gimbal Grotesque
На нашем сайте, вы можете скачать шрифт Gimbal Grotesque для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Demi
1. Для того, чтобы установить шрифт GimbalGrotesque Demi в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueDemi /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueDemi";
src: url("../fonts/GimbalGrotesqueDemi/GimbalGrotesqueDemi.eot");
src: url("../fonts/GimbalGrotesqueDemi/GimbalGrotesqueDemi.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueDemi/GimbalGrotesqueDemi.woff") format("woff"),
url("../fonts/GimbalGrotesqueDemi/GimbalGrotesqueDemi.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque DemiItalic
1. Для того, чтобы установить шрифт GimbalGrotesque DemiItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueDemiItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueDemiItalic";
src: url("../fonts/GimbalGrotesqueDemiItalic/GimbalGrotesqueDemiItalic.eot");
src: url("../fonts/GimbalGrotesqueDemiItalic/GimbalGrotesqueDemiItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueDemiItalic/GimbalGrotesqueDemiItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueDemiItalic/GimbalGrotesqueDemiItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque XBold
1. Для того, чтобы установить шрифт GimbalGrotesque XBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueXBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueXBold";
src: url("../fonts/GimbalGrotesqueXBold/GimbalGrotesqueXBold.eot");
src: url("../fonts/GimbalGrotesqueXBold/GimbalGrotesqueXBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueXBold/GimbalGrotesqueXBold.woff") format("woff"),
url("../fonts/GimbalGrotesqueXBold/GimbalGrotesqueXBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque XBoldItalic
1. Для того, чтобы установить шрифт GimbalGrotesque XBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueXBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueXBoldItalic";
src: url("../fonts/GimbalGrotesqueXBoldItalic/GimbalGrotesqueXBoldItalic.eot");
src: url("../fonts/GimbalGrotesqueXBoldItalic/GimbalGrotesqueXBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueXBoldItalic/GimbalGrotesqueXBoldItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueXBoldItalic/GimbalGrotesqueXBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Thin
1. Для того, чтобы установить шрифт GimbalGrotesque Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueThin";
src: url("../fonts/GimbalGrotesqueThin/GimbalGrotesqueThin.eot");
src: url("../fonts/GimbalGrotesqueThin/GimbalGrotesqueThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueThin/GimbalGrotesqueThin.woff") format("woff"),
url("../fonts/GimbalGrotesqueThin/GimbalGrotesqueThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Light
1. Для того, чтобы установить шрифт GimbalGrotesque Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueLight";
src: url("../fonts/GimbalGrotesqueLight/GimbalGrotesqueLight.eot");
src: url("../fonts/GimbalGrotesqueLight/GimbalGrotesqueLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueLight/GimbalGrotesqueLight.woff") format("woff"),
url("../fonts/GimbalGrotesqueLight/GimbalGrotesqueLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Regular
1. Для того, чтобы установить шрифт GimbalGrotesque Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueRegular";
src: url("../fonts/GimbalGrotesqueRegular/GimbalGrotesqueRegular.eot");
src: url("../fonts/GimbalGrotesqueRegular/GimbalGrotesqueRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueRegular/GimbalGrotesqueRegular.woff") format("woff"),
url("../fonts/GimbalGrotesqueRegular/GimbalGrotesqueRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Bold
1. Для того, чтобы установить шрифт GimbalGrotesque Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueBold";
src: url("../fonts/GimbalGrotesqueBold/GimbalGrotesqueBold.eot");
src: url("../fonts/GimbalGrotesqueBold/GimbalGrotesqueBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueBold/GimbalGrotesqueBold.woff") format("woff"),
url("../fonts/GimbalGrotesqueBold/GimbalGrotesqueBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque ThinItalic
1. Для того, чтобы установить шрифт GimbalGrotesque ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueThinItalic";
src: url("../fonts/GimbalGrotesqueThinItalic/GimbalGrotesqueThinItalic.eot");
src: url("../fonts/GimbalGrotesqueThinItalic/GimbalGrotesqueThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueThinItalic/GimbalGrotesqueThinItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueThinItalic/GimbalGrotesqueThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque LightItalic
1. Для того, чтобы установить шрифт GimbalGrotesque LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueLightItalic";
src: url("../fonts/GimbalGrotesqueLightItalic/GimbalGrotesqueLightItalic.eot");
src: url("../fonts/GimbalGrotesqueLightItalic/GimbalGrotesqueLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueLightItalic/GimbalGrotesqueLightItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueLightItalic/GimbalGrotesqueLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Italic
1. Для того, чтобы установить шрифт GimbalGrotesque Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueItalic";
src: url("../fonts/GimbalGrotesqueItalic/GimbalGrotesqueItalic.eot");
src: url("../fonts/GimbalGrotesqueItalic/GimbalGrotesqueItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueItalic/GimbalGrotesqueItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueItalic/GimbalGrotesqueItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque BoldItalic
1. Для того, чтобы установить шрифт GimbalGrotesque BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueBoldItalic";
src: url("../fonts/GimbalGrotesqueBoldItalic/GimbalGrotesqueBoldItalic.eot");
src: url("../fonts/GimbalGrotesqueBoldItalic/GimbalGrotesqueBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueBoldItalic/GimbalGrotesqueBoldItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueBoldItalic/GimbalGrotesqueBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Book
1. Для того, чтобы установить шрифт GimbalGrotesque Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueBook";
src: url("../fonts/GimbalGrotesqueBook/GimbalGrotesqueBook.eot");
src: url("../fonts/GimbalGrotesqueBook/GimbalGrotesqueBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueBook/GimbalGrotesqueBook.woff") format("woff"),
url("../fonts/GimbalGrotesqueBook/GimbalGrotesqueBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque Heavy
1. Для того, чтобы установить шрифт GimbalGrotesque Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueHeavy";
src: url("../fonts/GimbalGrotesqueHeavy/GimbalGrotesqueHeavy.eot");
src: url("../fonts/GimbalGrotesqueHeavy/GimbalGrotesqueHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueHeavy/GimbalGrotesqueHeavy.woff") format("woff"),
url("../fonts/GimbalGrotesqueHeavy/GimbalGrotesqueHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque HeavyItalic
1. Для того, чтобы установить шрифт GimbalGrotesque HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueHeavyItalic";
src: url("../fonts/GimbalGrotesqueHeavyItalic/GimbalGrotesqueHeavyItalic.eot");
src: url("../fonts/GimbalGrotesqueHeavyItalic/GimbalGrotesqueHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueHeavyItalic/GimbalGrotesqueHeavyItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueHeavyItalic/GimbalGrotesqueHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GimbalGrotesque BookItalic
1. Для того, чтобы установить шрифт GimbalGrotesque BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GimbalGrotesqueBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GimbalGrotesqueBookItalic";
src: url("../fonts/GimbalGrotesqueBookItalic/GimbalGrotesqueBookItalic.eot");
src: url("../fonts/GimbalGrotesqueBookItalic/GimbalGrotesqueBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GimbalGrotesqueBookItalic/GimbalGrotesqueBookItalic.woff") format("woff"),
url("../fonts/GimbalGrotesqueBookItalic/GimbalGrotesqueBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!