Категории: Шрифты для заголовков, Брусковые шрифты

Шрифт Soho Pro

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

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

SohoProLightCondensed.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraBoldCompressed.ttf Eot Woff

Как установить шрифт SohoPro ExtraBoldCompressed

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

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

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

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

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

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

SohoProMediumCondensed.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraLightCompressed.ttf Eot Woff

Как установить шрифт SohoPro ExtraLightCompressed

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

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

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

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

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

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

SohoProThinCondensed.ttf Eot Woff

Как установить шрифт SohoPro ThinCondensed

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

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

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

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

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

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

SohoProExtraLightCondensed.ttf Eot Woff

Как установить шрифт SohoPro ExtraLightCondensed

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

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

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

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

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

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

SohoProCompressed.ttf Eot Woff

Как установить шрифт SohoPro Compressed

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

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

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

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

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

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

SohoProLightCompressed.ttf Eot Woff

Как установить шрифт SohoPro LightCompressed

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

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

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

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

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

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

SohoProCondensed.ttf Eot Woff

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

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

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

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

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

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

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

SohoProHeavyCompressed.ttf Eot Woff

Как установить шрифт SohoPro HeavyCompressed

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

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

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

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

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

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

SohoProUltraExtended.ttf Eot Woff

Как установить шрифт SohoPro UltraExtended

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

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

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

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

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

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

SohoProThinCompressed.ttf Eot Woff

Как установить шрифт SohoPro ThinCompressed

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

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

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

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

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

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

SohoProUltraExtendedItalic.ttf Eot Woff

Как установить шрифт SohoPro UltraExtendedItalic

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

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

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

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

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

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

SohoProUltra.ttf Eot Woff

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

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

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

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

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

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

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

SohoProMediumCompressed.ttf Eot Woff

Как установить шрифт SohoPro MediumCompressed

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

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

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

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

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

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

SohoProUltraExtendedUltra.ttf Eot Woff

Как установить шрифт SohoPro UltraExtendedUltra

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

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

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

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

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

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

SohoProUltraItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProBoldCompressed.ttf Eot Woff

Как установить шрифт SohoPro BoldCompressed

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

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

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

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

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

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

SohoProUltraCondensed.ttf Eot Woff

Как установить шрифт SohoPro UltraCondensed

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

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

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

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

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

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

SohoProBoldCondensed.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraBoldCondensed.ttf Eot Woff

Как установить шрифт SohoPro ExtraBoldCondensed

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

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

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

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

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

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

SohoProUltraExtendedUltraIt.ttf Eot Woff

Как установить шрифт SohoPro UltraExtendedUltraIt

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

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

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

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

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

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

SohoProHeavyCondensed.ttf Eot Woff

Как установить шрифт SohoPro HeavyCondensed

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

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

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

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

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

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

SohoProUltraCompressed.ttf Eot Woff

Как установить шрифт SohoPro UltraCompressed

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

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

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

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

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

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

SohoProThin.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

SohoProLight.ttf Eot Woff

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

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

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

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

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

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

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

SohoProRegular.ttf Eot Woff

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

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

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

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

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

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

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

SohoProMedium.ttf Eot Woff

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

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

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

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

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

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

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

SohoProBold.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

SohoProThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProExtraBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

SohoProHeavy.ttf Eot Woff

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

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

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

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

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

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

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

SohoProHeavyItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: LightCondensed, ExtraBoldCompressed, MediumCondensed, ExtraLightCompressed, ThinCondensed, ExtraLightCondensed, Compressed, LightCompressed, Condensed, HeavyCompressed, UltraExtended, ThinCompressed, UltraExtendedItalic, Ultra, MediumCompressed, UltraExtendedUltra, UltraItalic, BoldCompressed, UltraCondensed, BoldCondensed, ExtraBoldCondensed, UltraExtendedUltraIt, HeavyCondensed, UltraCompressed, Thin, ExtraLight, Light, Regular, Medium, Bold, ExtraBold, ThinItalic, ExtraLightItalic, LightItalic, Italic, MediumItalic, BoldItalic, ExtraBoldItalic, Heavy, HeavyItalic