Шрифт Grandis Extended
На нашем сайте, вы можете скачать шрифт Grandis Extended для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Thin
1. Для того, чтобы установить шрифт GrandisExtended Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedThin";
src: url("../fonts/GrandisExtendedThin/GrandisExtendedThin.eot");
src: url("../fonts/GrandisExtendedThin/GrandisExtendedThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedThin/GrandisExtendedThin.woff") format("woff"),
url("../fonts/GrandisExtendedThin/GrandisExtendedThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Light
1. Для того, чтобы установить шрифт GrandisExtended Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedLight";
src: url("../fonts/GrandisExtendedLight/GrandisExtendedLight.eot");
src: url("../fonts/GrandisExtendedLight/GrandisExtendedLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedLight/GrandisExtendedLight.woff") format("woff"),
url("../fonts/GrandisExtendedLight/GrandisExtendedLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Regular
1. Для того, чтобы установить шрифт GrandisExtended Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedRegular";
src: url("../fonts/GrandisExtendedRegular/GrandisExtendedRegular.eot");
src: url("../fonts/GrandisExtendedRegular/GrandisExtendedRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedRegular/GrandisExtendedRegular.woff") format("woff"),
url("../fonts/GrandisExtendedRegular/GrandisExtendedRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Medium
1. Для того, чтобы установить шрифт GrandisExtended Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedMedium";
src: url("../fonts/GrandisExtendedMedium/GrandisExtendedMedium.eot");
src: url("../fonts/GrandisExtendedMedium/GrandisExtendedMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedMedium/GrandisExtendedMedium.woff") format("woff"),
url("../fonts/GrandisExtendedMedium/GrandisExtendedMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Bold
1. Для того, чтобы установить шрифт GrandisExtended Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedBold";
src: url("../fonts/GrandisExtendedBold/GrandisExtendedBold.eot");
src: url("../fonts/GrandisExtendedBold/GrandisExtendedBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedBold/GrandisExtendedBold.woff") format("woff"),
url("../fonts/GrandisExtendedBold/GrandisExtendedBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended Black
1. Для того, чтобы установить шрифт GrandisExtended Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedBlack";
src: url("../fonts/GrandisExtendedBlack/GrandisExtendedBlack.eot");
src: url("../fonts/GrandisExtendedBlack/GrandisExtendedBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedBlack/GrandisExtendedBlack.woff") format("woff"),
url("../fonts/GrandisExtendedBlack/GrandisExtendedBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended ThinItalic
1. Для того, чтобы установить шрифт GrandisExtended ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedThinItalic";
src: url("../fonts/GrandisExtendedThinItalic/GrandisExtendedThinItalic.eot");
src: url("../fonts/GrandisExtendedThinItalic/GrandisExtendedThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedThinItalic/GrandisExtendedThinItalic.woff") format("woff"),
url("../fonts/GrandisExtendedThinItalic/GrandisExtendedThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended LightItalic
1. Для того, чтобы установить шрифт GrandisExtended LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedLightItalic";
src: url("../fonts/GrandisExtendedLightItalic/GrandisExtendedLightItalic.eot");
src: url("../fonts/GrandisExtendedLightItalic/GrandisExtendedLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedLightItalic/GrandisExtendedLightItalic.woff") format("woff"),
url("../fonts/GrandisExtendedLightItalic/GrandisExtendedLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended MediumItalic
1. Для того, чтобы установить шрифт GrandisExtended MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedMediumItalic";
src: url("../fonts/GrandisExtendedMediumItalic/GrandisExtendedMediumItalic.eot");
src: url("../fonts/GrandisExtendedMediumItalic/GrandisExtendedMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedMediumItalic/GrandisExtendedMediumItalic.woff") format("woff"),
url("../fonts/GrandisExtendedMediumItalic/GrandisExtendedMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended BoldItalic
1. Для того, чтобы установить шрифт GrandisExtended BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedBoldItalic";
src: url("../fonts/GrandisExtendedBoldItalic/GrandisExtendedBoldItalic.eot");
src: url("../fonts/GrandisExtendedBoldItalic/GrandisExtendedBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedBoldItalic/GrandisExtendedBoldItalic.woff") format("woff"),
url("../fonts/GrandisExtendedBoldItalic/GrandisExtendedBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended BlackItalic
1. Для того, чтобы установить шрифт GrandisExtended BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedBlackItalic";
src: url("../fonts/GrandisExtendedBlackItalic/GrandisExtendedBlackItalic.eot");
src: url("../fonts/GrandisExtendedBlackItalic/GrandisExtendedBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedBlackItalic/GrandisExtendedBlackItalic.woff") format("woff"),
url("../fonts/GrandisExtendedBlackItalic/GrandisExtendedBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GrandisExtended RegularItalic
1. Для того, чтобы установить шрифт GrandisExtended RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GrandisExtendedRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GrandisExtendedRegularItalic";
src: url("../fonts/GrandisExtendedRegularItalic/GrandisExtendedRegularItalic.eot");
src: url("../fonts/GrandisExtendedRegularItalic/GrandisExtendedRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GrandisExtendedRegularItalic/GrandisExtendedRegularItalic.woff") format("woff"),
url("../fonts/GrandisExtendedRegularItalic/GrandisExtendedRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!