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

Шрифт Crique Grotesk

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

UlLightIt LightIt MediumIt BlackIt HeavyIt UlLight Thin UltraLightItalic Light Medium UltraLight Bold Black ThinItalic LightItalic Italic MediumItalic BoldItalic BlackItalic Heavy HeavyItalic

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

Как установить шрифт CriqueGrotesk UlLightIt

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как установить шрифт CriqueGrotesk BlackIt

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

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

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

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

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

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

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

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

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

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

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

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

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

Как установить шрифт CriqueGrotesk UlLight

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

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

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

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

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

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

CriqueGroteskThin.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskUltraLightItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk UltraLightItalic

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

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

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

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

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

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

CriqueGroteskLight.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskMedium.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskUltraLight.ttf Eot Woff

Как установить шрифт CriqueGrotesk UltraLight

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

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

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

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

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

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

CriqueGroteskBold.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskBlack.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskThinItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk ThinItalic

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

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

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

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

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

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

CriqueGroteskLightItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk LightItalic

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

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

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

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

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

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

CriqueGroteskItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk Italic

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

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

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

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

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

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

CriqueGroteskMediumItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk MediumItalic

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

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

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

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

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

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

CriqueGroteskBoldItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk BoldItalic

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

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

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

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

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

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

CriqueGroteskBlackItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk BlackItalic

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

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

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

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

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

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

CriqueGroteskHeavy.ttf Eot Woff

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

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

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

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

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

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

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

CriqueGroteskHeavyItalic.ttf Eot Woff

Как установить шрифт CriqueGrotesk HeavyItalic

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

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

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

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

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

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

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

Теги: UlLightIt, LightIt, MediumIt, BlackIt, HeavyIt, UlLight, Thin, UltraLightItalic, Light, Medium, UltraLight, Bold, Black, ThinItalic, LightItalic, Italic, MediumItalic, BoldItalic, BlackItalic, Heavy, HeavyItalic