Категории: Рубленные шрифты без засечек, Гротески

Шрифт Kommon Grotesk

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

BlackIt ExtraBoldIt ExtraLightit Super HeavyIt UltraBold UltraBoldIt ThinIt NormalIt LightIt SuperIt RegularIt MediumIt SemiBoldIt BoldIt Thin ExtraLight Light Regular Medium SemiBold Bold ExtraBold Black Normal Heavy

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

KommonGroteskBlackIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskExtraBoldIt.ttf Eot Woff

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

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

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

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

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

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

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

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

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

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

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

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

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

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

KommonGroteskSuper.ttf Eot Woff

Как установить шрифт KommonGrotesk Super

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

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

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

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

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

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

KommonGroteskHeavyIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskUltraBold.ttf Eot Woff

Как установить шрифт KommonGrotesk UltraBold

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

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

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

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

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

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

KommonGroteskUltraBoldIt.ttf Eot Woff

Как установить шрифт KommonGrotesk UltraBoldIt

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

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

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

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

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

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

KommonGroteskThinIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskNormalIt.ttf Eot Woff

Как установить шрифт KommonGrotesk NormalIt

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

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

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

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

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

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

KommonGroteskLightIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskSuperIt.ttf Eot Woff

Как установить шрифт KommonGrotesk SuperIt

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

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

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

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

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

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

KommonGroteskRegularIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskMediumIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskSemiBoldIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskBoldIt.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskThin.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskLight.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskRegular.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskMedium.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskSemiBold.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskBold.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskBlack.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskNormal.ttf Eot Woff

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

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

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

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

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

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

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

KommonGroteskHeavy.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: BlackIt, ExtraBoldIt, ExtraLightit, Super, HeavyIt, UltraBold, UltraBoldIt, ThinIt, NormalIt, LightIt, SuperIt, RegularIt, MediumIt, SemiBoldIt, BoldIt, Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black, Normal, Heavy