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