Шрифт Geogrotesque
На нашем сайте, вы можете скачать шрифт Geogrotesque для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque ExtLtIta
1. Для того, чтобы установить шрифт Geogrotesque ExtLtIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueExtLtIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueExtLtIta";
src: url("../fonts/GeogrotesqueExtLtIta/GeogrotesqueExtLtIta.eot");
src: url("../fonts/GeogrotesqueExtLtIta/GeogrotesqueExtLtIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueExtLtIta/GeogrotesqueExtLtIta.woff") format("woff"),
url("../fonts/GeogrotesqueExtLtIta/GeogrotesqueExtLtIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque SemBdIta
1. Для того, чтобы установить шрифт Geogrotesque SemBdIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueSemBdIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueSemBdIta";
src: url("../fonts/GeogrotesqueSemBdIta/GeogrotesqueSemBdIta.eot");
src: url("../fonts/GeogrotesqueSemBdIta/GeogrotesqueSemBdIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueSemBdIta/GeogrotesqueSemBdIta.woff") format("woff"),
url("../fonts/GeogrotesqueSemBdIta/GeogrotesqueSemBdIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Thin
1. Для того, чтобы установить шрифт Geogrotesque Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueThin";
src: url("../fonts/GeogrotesqueThin/GeogrotesqueThin.eot");
src: url("../fonts/GeogrotesqueThin/GeogrotesqueThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueThin/GeogrotesqueThin.woff") format("woff"),
url("../fonts/GeogrotesqueThin/GeogrotesqueThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque ExtraLight
1. Для того, чтобы установить шрифт Geogrotesque ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueExtraLight";
src: url("../fonts/GeogrotesqueExtraLight/GeogrotesqueExtraLight.eot");
src: url("../fonts/GeogrotesqueExtraLight/GeogrotesqueExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueExtraLight/GeogrotesqueExtraLight.woff") format("woff"),
url("../fonts/GeogrotesqueExtraLight/GeogrotesqueExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Light
1. Для того, чтобы установить шрифт Geogrotesque Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueLight";
src: url("../fonts/GeogrotesqueLight/GeogrotesqueLight.eot");
src: url("../fonts/GeogrotesqueLight/GeogrotesqueLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueLight/GeogrotesqueLight.woff") format("woff"),
url("../fonts/GeogrotesqueLight/GeogrotesqueLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Regular
1. Для того, чтобы установить шрифт Geogrotesque Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueRegular";
src: url("../fonts/GeogrotesqueRegular/GeogrotesqueRegular.eot");
src: url("../fonts/GeogrotesqueRegular/GeogrotesqueRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueRegular/GeogrotesqueRegular.woff") format("woff"),
url("../fonts/GeogrotesqueRegular/GeogrotesqueRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Medium
1. Для того, чтобы установить шрифт Geogrotesque Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueMedium";
src: url("../fonts/GeogrotesqueMedium/GeogrotesqueMedium.eot");
src: url("../fonts/GeogrotesqueMedium/GeogrotesqueMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueMedium/GeogrotesqueMedium.woff") format("woff"),
url("../fonts/GeogrotesqueMedium/GeogrotesqueMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque SemiBold
1. Для того, чтобы установить шрифт Geogrotesque SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueSemiBold";
src: url("../fonts/GeogrotesqueSemiBold/GeogrotesqueSemiBold.eot");
src: url("../fonts/GeogrotesqueSemiBold/GeogrotesqueSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueSemiBold/GeogrotesqueSemiBold.woff") format("woff"),
url("../fonts/GeogrotesqueSemiBold/GeogrotesqueSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Bold
1. Для того, чтобы установить шрифт Geogrotesque Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueBold";
src: url("../fonts/GeogrotesqueBold/GeogrotesqueBold.eot");
src: url("../fonts/GeogrotesqueBold/GeogrotesqueBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueBold/GeogrotesqueBold.woff") format("woff"),
url("../fonts/GeogrotesqueBold/GeogrotesqueBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque ThinItalic
1. Для того, чтобы установить шрифт Geogrotesque ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueThinItalic";
src: url("../fonts/GeogrotesqueThinItalic/GeogrotesqueThinItalic.eot");
src: url("../fonts/GeogrotesqueThinItalic/GeogrotesqueThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueThinItalic/GeogrotesqueThinItalic.woff") format("woff"),
url("../fonts/GeogrotesqueThinItalic/GeogrotesqueThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque LightItalic
1. Для того, чтобы установить шрифт Geogrotesque LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueLightItalic";
src: url("../fonts/GeogrotesqueLightItalic/GeogrotesqueLightItalic.eot");
src: url("../fonts/GeogrotesqueLightItalic/GeogrotesqueLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueLightItalic/GeogrotesqueLightItalic.woff") format("woff"),
url("../fonts/GeogrotesqueLightItalic/GeogrotesqueLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque Italic
1. Для того, чтобы установить шрифт Geogrotesque Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueItalic";
src: url("../fonts/GeogrotesqueItalic/GeogrotesqueItalic.eot");
src: url("../fonts/GeogrotesqueItalic/GeogrotesqueItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueItalic/GeogrotesqueItalic.woff") format("woff"),
url("../fonts/GeogrotesqueItalic/GeogrotesqueItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque MediumItalic
1. Для того, чтобы установить шрифт Geogrotesque MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueMediumItalic";
src: url("../fonts/GeogrotesqueMediumItalic/GeogrotesqueMediumItalic.eot");
src: url("../fonts/GeogrotesqueMediumItalic/GeogrotesqueMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueMediumItalic/GeogrotesqueMediumItalic.woff") format("woff"),
url("../fonts/GeogrotesqueMediumItalic/GeogrotesqueMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geogrotesque BoldItalic
1. Для того, чтобы установить шрифт Geogrotesque BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeogrotesqueBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeogrotesqueBoldItalic";
src: url("../fonts/GeogrotesqueBoldItalic/GeogrotesqueBoldItalic.eot");
src: url("../fonts/GeogrotesqueBoldItalic/GeogrotesqueBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeogrotesqueBoldItalic/GeogrotesqueBoldItalic.woff") format("woff"),
url("../fonts/GeogrotesqueBoldItalic/GeogrotesqueBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!