Шрифт FM Bolyar Sans Pro
На нашем сайте, вы можете скачать шрифт FM Bolyar Sans Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 100
1. Для того, чтобы установить шрифт FMBolyarSansPro 100 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro100 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro100";
src: url("../fonts/FMBolyarSansPro100/FMBolyarSansPro100.eot");
src: url("../fonts/FMBolyarSansPro100/FMBolyarSansPro100.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro100/FMBolyarSansPro100.woff") format("woff"),
url("../fonts/FMBolyarSansPro100/FMBolyarSansPro100.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 300
1. Для того, чтобы установить шрифт FMBolyarSansPro 300 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro300 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro300";
src: url("../fonts/FMBolyarSansPro300/FMBolyarSansPro300.eot");
src: url("../fonts/FMBolyarSansPro300/FMBolyarSansPro300.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro300/FMBolyarSansPro300.woff") format("woff"),
url("../fonts/FMBolyarSansPro300/FMBolyarSansPro300.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 500
1. Для того, чтобы установить шрифт FMBolyarSansPro 500 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro500 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro500";
src: url("../fonts/FMBolyarSansPro500/FMBolyarSansPro500.eot");
src: url("../fonts/FMBolyarSansPro500/FMBolyarSansPro500.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro500/FMBolyarSansPro500.woff") format("woff"),
url("../fonts/FMBolyarSansPro500/FMBolyarSansPro500.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 700
1. Для того, чтобы установить шрифт FMBolyarSansPro 700 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro700 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro700";
src: url("../fonts/FMBolyarSansPro700/FMBolyarSansPro700.eot");
src: url("../fonts/FMBolyarSansPro700/FMBolyarSansPro700.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro700/FMBolyarSansPro700.woff") format("woff"),
url("../fonts/FMBolyarSansPro700/FMBolyarSansPro700.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 900
1. Для того, чтобы установить шрифт FMBolyarSansPro 900 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro900 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro900";
src: url("../fonts/FMBolyarSansPro900/FMBolyarSansPro900.eot");
src: url("../fonts/FMBolyarSansPro900/FMBolyarSansPro900.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro900/FMBolyarSansPro900.woff") format("woff"),
url("../fonts/FMBolyarSansPro900/FMBolyarSansPro900.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 200
1. Для того, чтобы установить шрифт FMBolyarSansPro 200 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro200 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro200";
src: url("../fonts/FMBolyarSansPro200/FMBolyarSansPro200.eot");
src: url("../fonts/FMBolyarSansPro200/FMBolyarSansPro200.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro200/FMBolyarSansPro200.woff") format("woff"),
url("../fonts/FMBolyarSansPro200/FMBolyarSansPro200.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 400
1. Для того, чтобы установить шрифт FMBolyarSansPro 400 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro400 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro400";
src: url("../fonts/FMBolyarSansPro400/FMBolyarSansPro400.eot");
src: url("../fonts/FMBolyarSansPro400/FMBolyarSansPro400.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro400/FMBolyarSansPro400.woff") format("woff"),
url("../fonts/FMBolyarSansPro400/FMBolyarSansPro400.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 600
1. Для того, чтобы установить шрифт FMBolyarSansPro 600 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro600 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro600";
src: url("../fonts/FMBolyarSansPro600/FMBolyarSansPro600.eot");
src: url("../fonts/FMBolyarSansPro600/FMBolyarSansPro600.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro600/FMBolyarSansPro600.woff") format("woff"),
url("../fonts/FMBolyarSansPro600/FMBolyarSansPro600.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FMBolyarSansPro 800
1. Для того, чтобы установить шрифт FMBolyarSansPro 800 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FMBolyarSansPro800 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FMBolyarSansPro800";
src: url("../fonts/FMBolyarSansPro800/FMBolyarSansPro800.eot");
src: url("../fonts/FMBolyarSansPro800/FMBolyarSansPro800.eot?#iefix")format("embedded-opentype"),
url("../fonts/FMBolyarSansPro800/FMBolyarSansPro800.woff") format("woff"),
url("../fonts/FMBolyarSansPro800/FMBolyarSansPro800.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!