Категории: Без категории

Шрифт Grava

На нашем сайте, вы можете скачать шрифт Grava для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.

NormalOblique LightOblique MediumOblique BoldOblique Oblique ThinOblique BlackOblique ExtraLightOblique SemiBoldOblique UltraOblique DisplayBoldOblique Ultra Thin ExtraLight Light Medium SemiBold Bold Black Normal Roman

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaNormalOblique.ttf Eot Woff

Как установить шрифт Grava NormalOblique

1. Для того, чтобы установить шрифт Grava NormalOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaNormalOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaNormalOblique";
    src: url("../fonts/GravaNormalOblique/GravaNormalOblique.eot");
    src: url("../fonts/GravaNormalOblique/GravaNormalOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaNormalOblique/GravaNormalOblique.woff") format("woff"),
    url("../fonts/GravaNormalOblique/GravaNormalOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaLightOblique.ttf Eot Woff

Как установить шрифт Grava LightOblique

1. Для того, чтобы установить шрифт Grava LightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaLightOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaLightOblique";
    src: url("../fonts/GravaLightOblique/GravaLightOblique.eot");
    src: url("../fonts/GravaLightOblique/GravaLightOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaLightOblique/GravaLightOblique.woff") format("woff"),
    url("../fonts/GravaLightOblique/GravaLightOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaMediumOblique.ttf Eot Woff

Как установить шрифт Grava MediumOblique

1. Для того, чтобы установить шрифт Grava MediumOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaMediumOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaMediumOblique";
    src: url("../fonts/GravaMediumOblique/GravaMediumOblique.eot");
    src: url("../fonts/GravaMediumOblique/GravaMediumOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaMediumOblique/GravaMediumOblique.woff") format("woff"),
    url("../fonts/GravaMediumOblique/GravaMediumOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaBoldOblique.ttf Eot Woff

Как установить шрифт Grava BoldOblique

1. Для того, чтобы установить шрифт Grava BoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaBoldOblique";
    src: url("../fonts/GravaBoldOblique/GravaBoldOblique.eot");
    src: url("../fonts/GravaBoldOblique/GravaBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaBoldOblique/GravaBoldOblique.woff") format("woff"),
    url("../fonts/GravaBoldOblique/GravaBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaOblique.ttf Eot Woff

Как установить шрифт Grava Oblique

1. Для того, чтобы установить шрифт Grava Oblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaOblique";
    src: url("../fonts/GravaOblique/GravaOblique.eot");
    src: url("../fonts/GravaOblique/GravaOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaOblique/GravaOblique.woff") format("woff"),
    url("../fonts/GravaOblique/GravaOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaThinOblique.ttf Eot Woff

Как установить шрифт Grava ThinOblique

1. Для того, чтобы установить шрифт Grava ThinOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaThinOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaThinOblique";
    src: url("../fonts/GravaThinOblique/GravaThinOblique.eot");
    src: url("../fonts/GravaThinOblique/GravaThinOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaThinOblique/GravaThinOblique.woff") format("woff"),
    url("../fonts/GravaThinOblique/GravaThinOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaBlackOblique.ttf Eot Woff

Как установить шрифт Grava BlackOblique

1. Для того, чтобы установить шрифт Grava BlackOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaBlackOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaBlackOblique";
    src: url("../fonts/GravaBlackOblique/GravaBlackOblique.eot");
    src: url("../fonts/GravaBlackOblique/GravaBlackOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaBlackOblique/GravaBlackOblique.woff") format("woff"),
    url("../fonts/GravaBlackOblique/GravaBlackOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaExtraLightOblique.ttf Eot Woff

Как установить шрифт Grava ExtraLightOblique

1. Для того, чтобы установить шрифт Grava ExtraLightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaExtraLightOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaExtraLightOblique";
    src: url("../fonts/GravaExtraLightOblique/GravaExtraLightOblique.eot");
    src: url("../fonts/GravaExtraLightOblique/GravaExtraLightOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaExtraLightOblique/GravaExtraLightOblique.woff") format("woff"),
    url("../fonts/GravaExtraLightOblique/GravaExtraLightOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaSemiBoldOblique.ttf Eot Woff

Как установить шрифт Grava SemiBoldOblique

1. Для того, чтобы установить шрифт Grava SemiBoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaSemiBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaSemiBoldOblique";
    src: url("../fonts/GravaSemiBoldOblique/GravaSemiBoldOblique.eot");
    src: url("../fonts/GravaSemiBoldOblique/GravaSemiBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaSemiBoldOblique/GravaSemiBoldOblique.woff") format("woff"),
    url("../fonts/GravaSemiBoldOblique/GravaSemiBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaUltraOblique.ttf Eot Woff

Как установить шрифт Grava UltraOblique

1. Для того, чтобы установить шрифт Grava UltraOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaUltraOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaUltraOblique";
    src: url("../fonts/GravaUltraOblique/GravaUltraOblique.eot");
    src: url("../fonts/GravaUltraOblique/GravaUltraOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaUltraOblique/GravaUltraOblique.woff") format("woff"),
    url("../fonts/GravaUltraOblique/GravaUltraOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaDisplayBoldOblique.ttf Eot Woff

Как установить шрифт Grava DisplayBoldOblique

1. Для того, чтобы установить шрифт Grava DisplayBoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaDisplayBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaDisplayBoldOblique";
    src: url("../fonts/GravaDisplayBoldOblique/GravaDisplayBoldOblique.eot");
    src: url("../fonts/GravaDisplayBoldOblique/GravaDisplayBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaDisplayBoldOblique/GravaDisplayBoldOblique.woff") format("woff"),
    url("../fonts/GravaDisplayBoldOblique/GravaDisplayBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaUltra.ttf Eot Woff

Как установить шрифт Grava Ultra

1. Для того, чтобы установить шрифт Grava Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaUltra

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaUltra";
    src: url("../fonts/GravaUltra/GravaUltra.eot");
    src: url("../fonts/GravaUltra/GravaUltra.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaUltra/GravaUltra.woff") format("woff"),
    url("../fonts/GravaUltra/GravaUltra.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaThin.ttf Eot Woff

Как установить шрифт Grava Thin

1. Для того, чтобы установить шрифт Grava Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaThin

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaThin";
    src: url("../fonts/GravaThin/GravaThin.eot");
    src: url("../fonts/GravaThin/GravaThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaThin/GravaThin.woff") format("woff"),
    url("../fonts/GravaThin/GravaThin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaExtraLight.ttf Eot Woff

Как установить шрифт Grava ExtraLight

1. Для того, чтобы установить шрифт Grava ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaExtraLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaExtraLight";
    src: url("../fonts/GravaExtraLight/GravaExtraLight.eot");
    src: url("../fonts/GravaExtraLight/GravaExtraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaExtraLight/GravaExtraLight.woff") format("woff"),
    url("../fonts/GravaExtraLight/GravaExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaLight.ttf Eot Woff

Как установить шрифт Grava Light

1. Для того, чтобы установить шрифт Grava Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaLight";
    src: url("../fonts/GravaLight/GravaLight.eot");
    src: url("../fonts/GravaLight/GravaLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaLight/GravaLight.woff") format("woff"),
    url("../fonts/GravaLight/GravaLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaMedium.ttf Eot Woff

Как установить шрифт Grava Medium

1. Для того, чтобы установить шрифт Grava Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaMedium

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaMedium";
    src: url("../fonts/GravaMedium/GravaMedium.eot");
    src: url("../fonts/GravaMedium/GravaMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaMedium/GravaMedium.woff") format("woff"),
    url("../fonts/GravaMedium/GravaMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaSemiBold.ttf Eot Woff

Как установить шрифт Grava SemiBold

1. Для того, чтобы установить шрифт Grava SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaSemiBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaSemiBold";
    src: url("../fonts/GravaSemiBold/GravaSemiBold.eot");
    src: url("../fonts/GravaSemiBold/GravaSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaSemiBold/GravaSemiBold.woff") format("woff"),
    url("../fonts/GravaSemiBold/GravaSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaBold.ttf Eot Woff

Как установить шрифт Grava Bold

1. Для того, чтобы установить шрифт Grava Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaBold";
    src: url("../fonts/GravaBold/GravaBold.eot");
    src: url("../fonts/GravaBold/GravaBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaBold/GravaBold.woff") format("woff"),
    url("../fonts/GravaBold/GravaBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaBlack.ttf Eot Woff

Как установить шрифт Grava Black

1. Для того, чтобы установить шрифт Grava Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaBlack";
    src: url("../fonts/GravaBlack/GravaBlack.eot");
    src: url("../fonts/GravaBlack/GravaBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaBlack/GravaBlack.woff") format("woff"),
    url("../fonts/GravaBlack/GravaBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaNormal.ttf Eot Woff

Как установить шрифт Grava Normal

1. Для того, чтобы установить шрифт Grava Normal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaNormal

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaNormal";
    src: url("../fonts/GravaNormal/GravaNormal.eot");
    src: url("../fonts/GravaNormal/GravaNormal.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaNormal/GravaNormal.woff") format("woff"),
    url("../fonts/GravaNormal/GravaNormal.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

GravaRoman.ttf Eot Woff

Как установить шрифт Grava Roman

1. Для того, чтобы установить шрифт Grava Roman в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /GravaRoman

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "GravaRoman";
    src: url("../fonts/GravaRoman/GravaRoman.eot");
    src: url("../fonts/GravaRoman/GravaRoman.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GravaRoman/GravaRoman.woff") format("woff"),
    url("../fonts/GravaRoman/GravaRoman.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "Grava" одним zip-архивом, со всеми вариантами начертаний.

Теги: NormalOblique, LightOblique, MediumOblique, BoldOblique, Oblique, ThinOblique, BlackOblique, ExtraLightOblique, SemiBoldOblique, UltraOblique, DisplayBoldOblique, Ultra, Thin, ExtraLight, Light, Medium, SemiBold, Bold, Black, Normal, Roman