Шрифт Geometria
На нашем сайте, вы можете скачать шрифт Geometria для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Thin
1. Для того, чтобы установить шрифт Geometria Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaThin";
src: url("../fonts/GeometriaThin/GeometriaThin.eot");
src: url("../fonts/GeometriaThin/GeometriaThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaThin/GeometriaThin.woff") format("woff"),
url("../fonts/GeometriaThin/GeometriaThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria ExtraLight
1. Для того, чтобы установить шрифт Geometria ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaExtraLight";
src: url("../fonts/GeometriaExtraLight/GeometriaExtraLight.eot");
src: url("../fonts/GeometriaExtraLight/GeometriaExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaExtraLight/GeometriaExtraLight.woff") format("woff"),
url("../fonts/GeometriaExtraLight/GeometriaExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Light
1. Для того, чтобы установить шрифт Geometria Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaLight";
src: url("../fonts/GeometriaLight/GeometriaLight.eot");
src: url("../fonts/GeometriaLight/GeometriaLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaLight/GeometriaLight.woff") format("woff"),
url("../fonts/GeometriaLight/GeometriaLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Regular
1. Для того, чтобы установить шрифт Geometria Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaRegular";
src: url("../fonts/GeometriaRegular/GeometriaRegular.eot");
src: url("../fonts/GeometriaRegular/GeometriaRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaRegular/GeometriaRegular.woff") format("woff"),
url("../fonts/GeometriaRegular/GeometriaRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Medium
1. Для того, чтобы установить шрифт Geometria Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaMedium";
src: url("../fonts/GeometriaMedium/GeometriaMedium.eot");
src: url("../fonts/GeometriaMedium/GeometriaMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaMedium/GeometriaMedium.woff") format("woff"),
url("../fonts/GeometriaMedium/GeometriaMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Bold
1. Для того, чтобы установить шрифт Geometria Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaBold";
src: url("../fonts/GeometriaBold/GeometriaBold.eot");
src: url("../fonts/GeometriaBold/GeometriaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaBold/GeometriaBold.woff") format("woff"),
url("../fonts/GeometriaBold/GeometriaBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria ExtraBold
1. Для того, чтобы установить шрифт Geometria ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaExtraBold";
src: url("../fonts/GeometriaExtraBold/GeometriaExtraBold.eot");
src: url("../fonts/GeometriaExtraBold/GeometriaExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaExtraBold/GeometriaExtraBold.woff") format("woff"),
url("../fonts/GeometriaExtraBold/GeometriaExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria ThinItalic
1. Для того, чтобы установить шрифт Geometria ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaThinItalic";
src: url("../fonts/GeometriaThinItalic/GeometriaThinItalic.eot");
src: url("../fonts/GeometriaThinItalic/GeometriaThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaThinItalic/GeometriaThinItalic.woff") format("woff"),
url("../fonts/GeometriaThinItalic/GeometriaThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria ExtraLightItalic
1. Для того, чтобы установить шрифт Geometria ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaExtraLightItalic";
src: url("../fonts/GeometriaExtraLightItalic/GeometriaExtraLightItalic.eot");
src: url("../fonts/GeometriaExtraLightItalic/GeometriaExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaExtraLightItalic/GeometriaExtraLightItalic.woff") format("woff"),
url("../fonts/GeometriaExtraLightItalic/GeometriaExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria LightItalic
1. Для того, чтобы установить шрифт Geometria LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaLightItalic";
src: url("../fonts/GeometriaLightItalic/GeometriaLightItalic.eot");
src: url("../fonts/GeometriaLightItalic/GeometriaLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaLightItalic/GeometriaLightItalic.woff") format("woff"),
url("../fonts/GeometriaLightItalic/GeometriaLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Italic
1. Для того, чтобы установить шрифт Geometria Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaItalic";
src: url("../fonts/GeometriaItalic/GeometriaItalic.eot");
src: url("../fonts/GeometriaItalic/GeometriaItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaItalic/GeometriaItalic.woff") format("woff"),
url("../fonts/GeometriaItalic/GeometriaItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria MediumItalic
1. Для того, чтобы установить шрифт Geometria MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaMediumItalic";
src: url("../fonts/GeometriaMediumItalic/GeometriaMediumItalic.eot");
src: url("../fonts/GeometriaMediumItalic/GeometriaMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaMediumItalic/GeometriaMediumItalic.woff") format("woff"),
url("../fonts/GeometriaMediumItalic/GeometriaMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria BoldItalic
1. Для того, чтобы установить шрифт Geometria BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaBoldItalic";
src: url("../fonts/GeometriaBoldItalic/GeometriaBoldItalic.eot");
src: url("../fonts/GeometriaBoldItalic/GeometriaBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaBoldItalic/GeometriaBoldItalic.woff") format("woff"),
url("../fonts/GeometriaBoldItalic/GeometriaBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria ExtraBoldItalic
1. Для того, чтобы установить шрифт Geometria ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaExtraBoldItalic";
src: url("../fonts/GeometriaExtraBoldItalic/GeometriaExtraBoldItalic.eot");
src: url("../fonts/GeometriaExtraBoldItalic/GeometriaExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaExtraBoldItalic/GeometriaExtraBoldItalic.woff") format("woff"),
url("../fonts/GeometriaExtraBoldItalic/GeometriaExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria Heavy
1. Для того, чтобы установить шрифт Geometria Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaHeavy";
src: url("../fonts/GeometriaHeavy/GeometriaHeavy.eot");
src: url("../fonts/GeometriaHeavy/GeometriaHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaHeavy/GeometriaHeavy.woff") format("woff"),
url("../fonts/GeometriaHeavy/GeometriaHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Geometria HeavyItalic
1. Для того, чтобы установить шрифт Geometria HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GeometriaHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GeometriaHeavyItalic";
src: url("../fonts/GeometriaHeavyItalic/GeometriaHeavyItalic.eot");
src: url("../fonts/GeometriaHeavyItalic/GeometriaHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GeometriaHeavyItalic/GeometriaHeavyItalic.woff") format("woff"),
url("../fonts/GeometriaHeavyItalic/GeometriaHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!