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

Шрифт Slate Pro

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

LightCondensed MediumCondensed Condensed Bk BlackCondensed BkItalic BkCondensed BoldCondensed Light Medium Bold Black LightItalic Italic MediumItalic BoldItalic BlackItalic

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

SlateProLightCondensed.ttf Eot Woff

Как установить шрифт SlatePro LightCondensed

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

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

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

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

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

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

SlateProMediumCondensed.ttf Eot Woff

Как установить шрифт SlatePro MediumCondensed

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

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

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

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

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

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

SlateProCondensed.ttf Eot Woff

Как установить шрифт SlatePro Condensed

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

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

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

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

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

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

SlateProBk.ttf Eot Woff

Как установить шрифт SlatePro Bk

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

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

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

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

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

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

SlateProBlackCondensed.ttf Eot Woff

Как установить шрифт SlatePro BlackCondensed

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

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

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

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

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

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

SlateProBkItalic.ttf Eot Woff

Как установить шрифт SlatePro BkItalic

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

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

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

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

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

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

SlateProBkCondensed.ttf Eot Woff

Как установить шрифт SlatePro BkCondensed

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

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

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

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

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

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

SlateProBoldCondensed.ttf Eot Woff

Как установить шрифт SlatePro BoldCondensed

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

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

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

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

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

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

SlateProLight.ttf Eot Woff

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

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

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

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

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

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

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

SlateProMedium.ttf Eot Woff

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

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

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

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

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

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

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

SlateProBold.ttf Eot Woff

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

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

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

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

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

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

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

SlateProBlack.ttf Eot Woff

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

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

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

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

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

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

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

SlateProLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

SlateProItalic.ttf Eot Woff

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

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

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

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

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

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

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

SlateProMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

SlateProBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

SlateProBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: LightCondensed, MediumCondensed, Condensed, Bk, BlackCondensed, BkItalic, BkCondensed, BoldCondensed, Light, Medium, Bold, Black, LightItalic, Italic, MediumItalic, BoldItalic, BlackItalic