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

Шрифт Bebas Neue Pro

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

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

BebasNeueProMiddleItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro MiddleItalic

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

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

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

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

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

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

BebasNeueProSemiExpRegular.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpRegular

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

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

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

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

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

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

BebasNeueProExpandedRegular.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedRegular

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

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

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

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

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

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

BebasNeueProExpandedThinItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedThinItalic

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

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

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

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

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

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

BebasNeueProSemiExpItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpItalic

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

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

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

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

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

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

BebasNeueProExpandedItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedItalic

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

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

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

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

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

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

BebasNeueProExpandedLightIt.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedLightIt

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

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

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

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

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

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

BebasNeueProSemiExpMiddle.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpMiddle

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

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

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

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

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

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

BebasNeueProExpandedBold.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedBold

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

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

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

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

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

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

BebasNeueProExpandedBook.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedBook

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

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

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

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

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

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

BebasNeueProSemiExpMiddleIt.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpMiddleIt

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

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

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

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

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

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

BebasNeueProExpandedBoldItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedBoldItalic

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

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

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

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

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

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

BebasNeueProExpandedBookItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedBookItalic

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

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

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

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

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

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

BebasNeueProSemiExpBold.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpBold

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

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

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

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

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

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

BebasNeueProExpandedExtraBold.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedExtraBold

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

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

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

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

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

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

BebasNeueProExpandedMediumIt.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedMediumIt

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

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

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

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

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

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

BebasNeueProSemiExpBoldItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpBoldItalic

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

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

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

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

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

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

BebasNeueProExpandedLight.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedLight

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

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

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

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

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

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

BebasNeueProSemiExpThinItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpThinItalic

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

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

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

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

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

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

BebasNeueProSemiExpXBold.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpXBold

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

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

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

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

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

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

BebasNeueProExpandedMedium.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedMedium

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

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

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

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

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

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

BebasNeueProSemiExpLight.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpLight

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

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

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

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

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

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

BebasNeueProSemiExpXBoldItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpXBoldItalic

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

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

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

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

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

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

BebasNeueProExpandedThin.ttf Eot Woff

Как установить шрифт BebasNeuePro ExpandedThin

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

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

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

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

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

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

BebasNeueProSemiExpLightItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpLightItalic

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

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

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

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

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

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

BebasNeueProSemiExpandedThin.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpandedThin

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

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

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

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

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

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

BebasNeueProSemiExpBook.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpBook

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

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

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

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

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

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

BebasNeueProMiddle.ttf Eot Woff

Как установить шрифт BebasNeuePro Middle

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

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

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

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

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

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

BebasNeueProSemiExpBookItalic.ttf Eot Woff

Как установить шрифт BebasNeuePro SemiExpBookItalic

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

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

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

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

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

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

BebasNeueProThin.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProLight.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProRegular.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProBold.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProItalic.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProBook.ttf Eot Woff

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

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

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

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

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

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

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

BebasNeueProBookItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: MiddleItalic, SemiExpRegular, ExpandedRegular, ExpandedThinItalic, SemiExpItalic, ExpandedItalic, ExpandedLightIt, SemiExpMiddle, ExpandedBold, ExpandedBook, SemiExpMiddleIt, ExpandedBoldItalic, ExpandedBookItalic, SemiExpBold, ExpandedExtraBold, ExpandedMediumIt, SemiExpBoldItalic, ExpandedLight, SemiExpThinItalic, SemiExpXBold, ExpandedMedium, SemiExpLight, SemiExpXBoldItalic, ExpandedThin, SemiExpLightItalic, SemiExpandedThin, SemiExpBook, Middle, SemiExpBookItalic, Thin, Light, Regular, Bold, ThinItalic, LightItalic, Italic, BoldItalic, Book, BookItalic