Категории: Брусковые шрифты

Шрифт Kotto Slab

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

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

KottoSlabUltra.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabUltraItalic.ttf Eot Woff

Как установить шрифт KottoSlab UltraItalic

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

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

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

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

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

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

KottoSlabThin.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabLight.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabRegular.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabMedium.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabSemiBold.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabBold.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabBlack.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabExtraLightItalic.ttf Eot Woff

Как установить шрифт KottoSlab ExtraLightItalic

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

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

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

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

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

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

KottoSlabLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabSemiBoldItalic.ttf Eot Woff

Как установить шрифт KottoSlab SemiBoldItalic

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

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

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

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

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

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

KottoSlabExtraBoldItalic.ttf Eot Woff

Как установить шрифт KottoSlab ExtraBoldItalic

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

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

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

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

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

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

KottoSlabBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

KottoSlabBook.ttf Eot Woff

Как установить шрифт KottoSlab Book

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

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

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

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

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

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

KottoSlabBookItalic.ttf Eot Woff

Как установить шрифт KottoSlab BookItalic

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

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

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

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

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

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

KottoSlabRegularItalic.ttf Eot Woff

Как установить шрифт KottoSlab RegularItalic

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

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

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

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

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

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

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

Теги: Ultra, UltraItalic, Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black, ThinItalic, ExtraLightItalic, LightItalic, MediumItalic, BoldItalic, SemiBoldItalic, ExtraBoldItalic, BlackItalic, Book, BookItalic, RegularItalic