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

Шрифт ETC Gluten

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

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

ETCGlutenLightReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten LightReverseIt

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

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

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

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

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

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

ETCGlutenLightIt.ttf Eot Woff

Как установить шрифт ETCGluten LightIt

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

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

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

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

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

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

ETCGlutenRegularReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten RegularReverseIt

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

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

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

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

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

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

ETCGlutenRegularIt.ttf Eot Woff

Как установить шрифт ETCGluten RegularIt

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

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

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

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

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

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

ETCGlutenMediumReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten MediumReverseIt

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

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

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

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

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

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

ETCGlutenMediumIt.ttf Eot Woff

Как установить шрифт ETCGluten MediumIt

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

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

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

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

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

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

ETCGlutenSemiBoldReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten SemiBoldReverseIt

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

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

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

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

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

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

ETCGlutenSemiBoldIt.ttf Eot Woff

Как установить шрифт ETCGluten SemiBoldIt

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

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

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

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

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

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

ETCGlutenExtraBoldReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten ExtraBoldReverseIt

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

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

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

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

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

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

ETCGlutenBoldIt.ttf Eot Woff

Как установить шрифт ETCGluten BoldIt

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

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

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

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

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

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

ETCGlutenBoldReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten BoldReverseIt

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

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

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

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

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

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

ETCGlutenExtraBoldIt.ttf Eot Woff

Как установить шрифт ETCGluten ExtraBoldIt

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

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

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

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

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

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

ETCGlutenHeavyReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten HeavyReverseIt

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

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

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

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

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

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

Как установить шрифт ETCGluten ExtraLightit

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

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

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

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

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

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

ETCGlutenHeavyIt.ttf Eot Woff

Как установить шрифт ETCGluten HeavyIt

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

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

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

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

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

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

ETCGlutenThinReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten ThinReverseIt

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

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

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

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

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

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

ETCGlutenExtraLightReverseIt.ttf Eot Woff

Как установить шрифт ETCGluten ExtraLightReverseIt

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

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

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

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

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

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

ETCGlutenThinIt.ttf Eot Woff

Как установить шрифт ETCGluten ThinIt

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

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

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

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

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

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

ETCGlutenThin.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenLight.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenRegular.ttf Eot Woff

Как установить шрифт ETCGluten Regular

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

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

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

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

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

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

ETCGlutenMedium.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenSemiBold.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenBold.ttf Eot Woff

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

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

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

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

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

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

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

ETCGlutenExtraBold.ttf Eot Woff

Как установить шрифт ETCGluten ExtraBold

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

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

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

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

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

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

ETCGlutenHeavy.ttf Eot Woff

Как установить шрифт ETCGluten Heavy

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

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

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

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

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

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

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

Теги: LightReverseIt, LightIt, RegularReverseIt, RegularIt, MediumReverseIt, MediumIt, SemiBoldReverseIt, SemiBoldIt, ExtraBoldReverseIt, BoldIt, BoldReverseIt, ExtraBoldIt, HeavyReverseIt, ExtraLightit, HeavyIt, ThinReverseIt, ExtraLightReverseIt, ThinIt, Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Heavy