Шрифт Soho Pro
На нашем сайте, вы можете скачать шрифт Soho Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 !@#$%^&*()_+-=
Как установить шрифт 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 сайта, и установить шрифты через менеджер плагинов в админке!