Шрифт Flexo Soft
На нашем сайте, вы можете скачать шрифт Flexo Soft для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft MediumIt
1. Для того, чтобы установить шрифт FlexoSoft MediumIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftMediumIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftMediumIt";
src: url("../fonts/FlexoSoftMediumIt/FlexoSoftMediumIt.eot");
src: url("../fonts/FlexoSoftMediumIt/FlexoSoftMediumIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftMediumIt/FlexoSoftMediumIt.woff") format("woff"),
url("../fonts/FlexoSoftMediumIt/FlexoSoftMediumIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft BoldIt
1. Для того, чтобы установить шрифт FlexoSoft BoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftBoldIt";
src: url("../fonts/FlexoSoftBoldIt/FlexoSoftBoldIt.eot");
src: url("../fonts/FlexoSoftBoldIt/FlexoSoftBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftBoldIt/FlexoSoftBoldIt.woff") format("woff"),
url("../fonts/FlexoSoftBoldIt/FlexoSoftBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft BlackIt
1. Для того, чтобы установить шрифт FlexoSoft BlackIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftBlackIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftBlackIt";
src: url("../fonts/FlexoSoftBlackIt/FlexoSoftBlackIt.eot");
src: url("../fonts/FlexoSoftBlackIt/FlexoSoftBlackIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftBlackIt/FlexoSoftBlackIt.woff") format("woff"),
url("../fonts/FlexoSoftBlackIt/FlexoSoftBlackIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft It
1. Для того, чтобы установить шрифт FlexoSoft It в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftIt";
src: url("../fonts/FlexoSoftIt/FlexoSoftIt.eot");
src: url("../fonts/FlexoSoftIt/FlexoSoftIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftIt/FlexoSoftIt.woff") format("woff"),
url("../fonts/FlexoSoftIt/FlexoSoftIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft DemiIt
1. Для того, чтобы установить шрифт FlexoSoft DemiIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftDemiIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftDemiIt";
src: url("../fonts/FlexoSoftDemiIt/FlexoSoftDemiIt.eot");
src: url("../fonts/FlexoSoftDemiIt/FlexoSoftDemiIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftDemiIt/FlexoSoftDemiIt.woff") format("woff"),
url("../fonts/FlexoSoftDemiIt/FlexoSoftDemiIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft HeavyIt
1. Для того, чтобы установить шрифт FlexoSoft HeavyIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftHeavyIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftHeavyIt";
src: url("../fonts/FlexoSoftHeavyIt/FlexoSoftHeavyIt.eot");
src: url("../fonts/FlexoSoftHeavyIt/FlexoSoftHeavyIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftHeavyIt/FlexoSoftHeavyIt.woff") format("woff"),
url("../fonts/FlexoSoftHeavyIt/FlexoSoftHeavyIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Demi
1. Для того, чтобы установить шрифт FlexoSoft Demi в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftDemi /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftDemi";
src: url("../fonts/FlexoSoftDemi/FlexoSoftDemi.eot");
src: url("../fonts/FlexoSoftDemi/FlexoSoftDemi.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftDemi/FlexoSoftDemi.woff") format("woff"),
url("../fonts/FlexoSoftDemi/FlexoSoftDemi.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft ThinIt
1. Для того, чтобы установить шрифт FlexoSoft ThinIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftThinIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftThinIt";
src: url("../fonts/FlexoSoftThinIt/FlexoSoftThinIt.eot");
src: url("../fonts/FlexoSoftThinIt/FlexoSoftThinIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftThinIt/FlexoSoftThinIt.woff") format("woff"),
url("../fonts/FlexoSoftThinIt/FlexoSoftThinIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft LightIt
1. Для того, чтобы установить шрифт FlexoSoft LightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftLightIt";
src: url("../fonts/FlexoSoftLightIt/FlexoSoftLightIt.eot");
src: url("../fonts/FlexoSoftLightIt/FlexoSoftLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftLightIt/FlexoSoftLightIt.woff") format("woff"),
url("../fonts/FlexoSoftLightIt/FlexoSoftLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Thin
1. Для того, чтобы установить шрифт FlexoSoft Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftThin";
src: url("../fonts/FlexoSoftThin/FlexoSoftThin.eot");
src: url("../fonts/FlexoSoftThin/FlexoSoftThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftThin/FlexoSoftThin.woff") format("woff"),
url("../fonts/FlexoSoftThin/FlexoSoftThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Light
1. Для того, чтобы установить шрифт FlexoSoft Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftLight";
src: url("../fonts/FlexoSoftLight/FlexoSoftLight.eot");
src: url("../fonts/FlexoSoftLight/FlexoSoftLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftLight/FlexoSoftLight.woff") format("woff"),
url("../fonts/FlexoSoftLight/FlexoSoftLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Regular
1. Для того, чтобы установить шрифт FlexoSoft Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftRegular";
src: url("../fonts/FlexoSoftRegular/FlexoSoftRegular.eot");
src: url("../fonts/FlexoSoftRegular/FlexoSoftRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftRegular/FlexoSoftRegular.woff") format("woff"),
url("../fonts/FlexoSoftRegular/FlexoSoftRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Medium
1. Для того, чтобы установить шрифт FlexoSoft Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftMedium";
src: url("../fonts/FlexoSoftMedium/FlexoSoftMedium.eot");
src: url("../fonts/FlexoSoftMedium/FlexoSoftMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftMedium/FlexoSoftMedium.woff") format("woff"),
url("../fonts/FlexoSoftMedium/FlexoSoftMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Bold
1. Для того, чтобы установить шрифт FlexoSoft Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftBold";
src: url("../fonts/FlexoSoftBold/FlexoSoftBold.eot");
src: url("../fonts/FlexoSoftBold/FlexoSoftBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftBold/FlexoSoftBold.woff") format("woff"),
url("../fonts/FlexoSoftBold/FlexoSoftBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Black
1. Для того, чтобы установить шрифт FlexoSoft Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftBlack";
src: url("../fonts/FlexoSoftBlack/FlexoSoftBlack.eot");
src: url("../fonts/FlexoSoftBlack/FlexoSoftBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftBlack/FlexoSoftBlack.woff") format("woff"),
url("../fonts/FlexoSoftBlack/FlexoSoftBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FlexoSoft Heavy
1. Для того, чтобы установить шрифт FlexoSoft Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FlexoSoftHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FlexoSoftHeavy";
src: url("../fonts/FlexoSoftHeavy/FlexoSoftHeavy.eot");
src: url("../fonts/FlexoSoftHeavy/FlexoSoftHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/FlexoSoftHeavy/FlexoSoftHeavy.woff") format("woff"),
url("../fonts/FlexoSoftHeavy/FlexoSoftHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!