Шрифт Sybilla Pro
На нашем сайте, вы можете скачать шрифт Sybilla Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro MediumIt
1. Для того, чтобы установить шрифт SybillaPro MediumIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProMediumIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProMediumIt";
src: url("../fonts/SybillaProMediumIt/SybillaProMediumIt.eot");
src: url("../fonts/SybillaProMediumIt/SybillaProMediumIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProMediumIt/SybillaProMediumIt.woff") format("woff"),
url("../fonts/SybillaProMediumIt/SybillaProMediumIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro BoldIt
1. Для того, чтобы установить шрифт SybillaPro BoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProBoldIt";
src: url("../fonts/SybillaProBoldIt/SybillaProBoldIt.eot");
src: url("../fonts/SybillaProBoldIt/SybillaProBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProBoldIt/SybillaProBoldIt.woff") format("woff"),
url("../fonts/SybillaProBoldIt/SybillaProBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Bookit
1. Для того, чтобы установить шрифт SybillaPro Bookit в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProBookit /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProBookit";
src: url("../fonts/SybillaProBookit/SybillaProBookit.eot");
src: url("../fonts/SybillaProBookit/SybillaProBookit.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProBookit/SybillaProBookit.woff") format("woff"),
url("../fonts/SybillaProBookit/SybillaProBookit.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro HeavyIt
1. Для того, чтобы установить шрифт SybillaPro HeavyIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProHeavyIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProHeavyIt";
src: url("../fonts/SybillaProHeavyIt/SybillaProHeavyIt.eot");
src: url("../fonts/SybillaProHeavyIt/SybillaProHeavyIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProHeavyIt/SybillaProHeavyIt.woff") format("woff"),
url("../fonts/SybillaProHeavyIt/SybillaProHeavyIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro ThinIt
1. Для того, чтобы установить шрифт SybillaPro ThinIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProThinIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProThinIt";
src: url("../fonts/SybillaProThinIt/SybillaProThinIt.eot");
src: url("../fonts/SybillaProThinIt/SybillaProThinIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProThinIt/SybillaProThinIt.woff") format("woff"),
url("../fonts/SybillaProThinIt/SybillaProThinIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro LightIt
1. Для того, чтобы установить шрифт SybillaPro LightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProLightIt";
src: url("../fonts/SybillaProLightIt/SybillaProLightIt.eot");
src: url("../fonts/SybillaProLightIt/SybillaProLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProLightIt/SybillaProLightIt.woff") format("woff"),
url("../fonts/SybillaProLightIt/SybillaProLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro RegularIt
1. Для того, чтобы установить шрифт SybillaPro RegularIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProRegularIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProRegularIt";
src: url("../fonts/SybillaProRegularIt/SybillaProRegularIt.eot");
src: url("../fonts/SybillaProRegularIt/SybillaProRegularIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProRegularIt/SybillaProRegularIt.woff") format("woff"),
url("../fonts/SybillaProRegularIt/SybillaProRegularIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Thin
1. Для того, чтобы установить шрифт SybillaPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProThin";
src: url("../fonts/SybillaProThin/SybillaProThin.eot");
src: url("../fonts/SybillaProThin/SybillaProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProThin/SybillaProThin.woff") format("woff"),
url("../fonts/SybillaProThin/SybillaProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Light
1. Для того, чтобы установить шрифт SybillaPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProLight";
src: url("../fonts/SybillaProLight/SybillaProLight.eot");
src: url("../fonts/SybillaProLight/SybillaProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProLight/SybillaProLight.woff") format("woff"),
url("../fonts/SybillaProLight/SybillaProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Regular
1. Для того, чтобы установить шрифт SybillaPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProRegular";
src: url("../fonts/SybillaProRegular/SybillaProRegular.eot");
src: url("../fonts/SybillaProRegular/SybillaProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProRegular/SybillaProRegular.woff") format("woff"),
url("../fonts/SybillaProRegular/SybillaProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Medium
1. Для того, чтобы установить шрифт SybillaPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProMedium";
src: url("../fonts/SybillaProMedium/SybillaProMedium.eot");
src: url("../fonts/SybillaProMedium/SybillaProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProMedium/SybillaProMedium.woff") format("woff"),
url("../fonts/SybillaProMedium/SybillaProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Bold
1. Для того, чтобы установить шрифт SybillaPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProBold";
src: url("../fonts/SybillaProBold/SybillaProBold.eot");
src: url("../fonts/SybillaProBold/SybillaProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProBold/SybillaProBold.woff") format("woff"),
url("../fonts/SybillaProBold/SybillaProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Book
1. Для того, чтобы установить шрифт SybillaPro Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProBook";
src: url("../fonts/SybillaProBook/SybillaProBook.eot");
src: url("../fonts/SybillaProBook/SybillaProBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProBook/SybillaProBook.woff") format("woff"),
url("../fonts/SybillaProBook/SybillaProBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SybillaPro Heavy
1. Для того, чтобы установить шрифт SybillaPro Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SybillaProHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SybillaProHeavy";
src: url("../fonts/SybillaProHeavy/SybillaProHeavy.eot");
src: url("../fonts/SybillaProHeavy/SybillaProHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/SybillaProHeavy/SybillaProHeavy.woff") format("woff"),
url("../fonts/SybillaProHeavy/SybillaProHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!