Шрифт Orchidea Pro
На нашем сайте, вы можете скачать шрифт Orchidea Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro ExtraLight
1. Для того, чтобы установить шрифт OrchideaPro ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProExtraLight";
src: url("../fonts/OrchideaProExtraLight/OrchideaProExtraLight.eot");
src: url("../fonts/OrchideaProExtraLight/OrchideaProExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProExtraLight/OrchideaProExtraLight.woff") format("woff"),
url("../fonts/OrchideaProExtraLight/OrchideaProExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Light
1. Для того, чтобы установить шрифт OrchideaPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProLight";
src: url("../fonts/OrchideaProLight/OrchideaProLight.eot");
src: url("../fonts/OrchideaProLight/OrchideaProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProLight/OrchideaProLight.woff") format("woff"),
url("../fonts/OrchideaProLight/OrchideaProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Regular
1. Для того, чтобы установить шрифт OrchideaPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProRegular";
src: url("../fonts/OrchideaProRegular/OrchideaProRegular.eot");
src: url("../fonts/OrchideaProRegular/OrchideaProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProRegular/OrchideaProRegular.woff") format("woff"),
url("../fonts/OrchideaProRegular/OrchideaProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Medium
1. Для того, чтобы установить шрифт OrchideaPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProMedium";
src: url("../fonts/OrchideaProMedium/OrchideaProMedium.eot");
src: url("../fonts/OrchideaProMedium/OrchideaProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProMedium/OrchideaProMedium.woff") format("woff"),
url("../fonts/OrchideaProMedium/OrchideaProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro SemiBold
1. Для того, чтобы установить шрифт OrchideaPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProSemiBold";
src: url("../fonts/OrchideaProSemiBold/OrchideaProSemiBold.eot");
src: url("../fonts/OrchideaProSemiBold/OrchideaProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProSemiBold/OrchideaProSemiBold.woff") format("woff"),
url("../fonts/OrchideaProSemiBold/OrchideaProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Bold
1. Для того, чтобы установить шрифт OrchideaPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProBold";
src: url("../fonts/OrchideaProBold/OrchideaProBold.eot");
src: url("../fonts/OrchideaProBold/OrchideaProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProBold/OrchideaProBold.woff") format("woff"),
url("../fonts/OrchideaProBold/OrchideaProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro ExtraBold
1. Для того, чтобы установить шрифт OrchideaPro ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProExtraBold";
src: url("../fonts/OrchideaProExtraBold/OrchideaProExtraBold.eot");
src: url("../fonts/OrchideaProExtraBold/OrchideaProExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProExtraBold/OrchideaProExtraBold.woff") format("woff"),
url("../fonts/OrchideaProExtraBold/OrchideaProExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Black
1. Для того, чтобы установить шрифт OrchideaPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProBlack";
src: url("../fonts/OrchideaProBlack/OrchideaProBlack.eot");
src: url("../fonts/OrchideaProBlack/OrchideaProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProBlack/OrchideaProBlack.woff") format("woff"),
url("../fonts/OrchideaProBlack/OrchideaProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro ExtraLightItalic
1. Для того, чтобы установить шрифт OrchideaPro ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProExtraLightItalic";
src: url("../fonts/OrchideaProExtraLightItalic/OrchideaProExtraLightItalic.eot");
src: url("../fonts/OrchideaProExtraLightItalic/OrchideaProExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProExtraLightItalic/OrchideaProExtraLightItalic.woff") format("woff"),
url("../fonts/OrchideaProExtraLightItalic/OrchideaProExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro LightItalic
1. Для того, чтобы установить шрифт OrchideaPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProLightItalic";
src: url("../fonts/OrchideaProLightItalic/OrchideaProLightItalic.eot");
src: url("../fonts/OrchideaProLightItalic/OrchideaProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProLightItalic/OrchideaProLightItalic.woff") format("woff"),
url("../fonts/OrchideaProLightItalic/OrchideaProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro Italic
1. Для того, чтобы установить шрифт OrchideaPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProItalic";
src: url("../fonts/OrchideaProItalic/OrchideaProItalic.eot");
src: url("../fonts/OrchideaProItalic/OrchideaProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProItalic/OrchideaProItalic.woff") format("woff"),
url("../fonts/OrchideaProItalic/OrchideaProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro MediumItalic
1. Для того, чтобы установить шрифт OrchideaPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProMediumItalic";
src: url("../fonts/OrchideaProMediumItalic/OrchideaProMediumItalic.eot");
src: url("../fonts/OrchideaProMediumItalic/OrchideaProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProMediumItalic/OrchideaProMediumItalic.woff") format("woff"),
url("../fonts/OrchideaProMediumItalic/OrchideaProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro BoldItalic
1. Для того, чтобы установить шрифт OrchideaPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProBoldItalic";
src: url("../fonts/OrchideaProBoldItalic/OrchideaProBoldItalic.eot");
src: url("../fonts/OrchideaProBoldItalic/OrchideaProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProBoldItalic/OrchideaProBoldItalic.woff") format("woff"),
url("../fonts/OrchideaProBoldItalic/OrchideaProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro SemiBoldItalic
1. Для того, чтобы установить шрифт OrchideaPro SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProSemiBoldItalic";
src: url("../fonts/OrchideaProSemiBoldItalic/OrchideaProSemiBoldItalic.eot");
src: url("../fonts/OrchideaProSemiBoldItalic/OrchideaProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProSemiBoldItalic/OrchideaProSemiBoldItalic.woff") format("woff"),
url("../fonts/OrchideaProSemiBoldItalic/OrchideaProSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro ExtraBoldItalic
1. Для того, чтобы установить шрифт OrchideaPro ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProExtraBoldItalic";
src: url("../fonts/OrchideaProExtraBoldItalic/OrchideaProExtraBoldItalic.eot");
src: url("../fonts/OrchideaProExtraBoldItalic/OrchideaProExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProExtraBoldItalic/OrchideaProExtraBoldItalic.woff") format("woff"),
url("../fonts/OrchideaProExtraBoldItalic/OrchideaProExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт OrchideaPro BlackItalic
1. Для того, чтобы установить шрифт OrchideaPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /OrchideaProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "OrchideaProBlackItalic";
src: url("../fonts/OrchideaProBlackItalic/OrchideaProBlackItalic.eot");
src: url("../fonts/OrchideaProBlackItalic/OrchideaProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/OrchideaProBlackItalic/OrchideaProBlackItalic.woff") format("woff"),
url("../fonts/OrchideaProBlackItalic/OrchideaProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!