Шрифт FS Lucas Pro
На нашем сайте, вы можете скачать шрифт FS Lucas Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro XLight
1. Для того, чтобы установить шрифт FSLucasPro XLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProXLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProXLight";
src: url("../fonts/FSLucasProXLight/FSLucasProXLight.eot");
src: url("../fonts/FSLucasProXLight/FSLucasProXLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProXLight/FSLucasProXLight.woff") format("woff"),
url("../fonts/FSLucasProXLight/FSLucasProXLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Med
1. Для того, чтобы установить шрифт FSLucasPro Med в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProMed /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProMed";
src: url("../fonts/FSLucasProMed/FSLucasProMed.eot");
src: url("../fonts/FSLucasProMed/FSLucasProMed.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProMed/FSLucasProMed.woff") format("woff"),
url("../fonts/FSLucasProMed/FSLucasProMed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro XLightItalic
1. Для того, чтобы установить шрифт FSLucasPro XLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProXLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProXLightItalic";
src: url("../fonts/FSLucasProXLightItalic/FSLucasProXLightItalic.eot");
src: url("../fonts/FSLucasProXLightItalic/FSLucasProXLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProXLightItalic/FSLucasProXLightItalic.woff") format("woff"),
url("../fonts/FSLucasProXLightItalic/FSLucasProXLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro MedItalic
1. Для того, чтобы установить шрифт FSLucasPro MedItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProMedItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProMedItalic";
src: url("../fonts/FSLucasProMedItalic/FSLucasProMedItalic.eot");
src: url("../fonts/FSLucasProMedItalic/FSLucasProMedItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProMedItalic/FSLucasProMedItalic.woff") format("woff"),
url("../fonts/FSLucasProMedItalic/FSLucasProMedItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro SemiBd
1. Для того, чтобы установить шрифт FSLucasPro SemiBd в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProSemiBd /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProSemiBd";
src: url("../fonts/FSLucasProSemiBd/FSLucasProSemiBd.eot");
src: url("../fonts/FSLucasProSemiBd/FSLucasProSemiBd.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProSemiBd/FSLucasProSemiBd.woff") format("woff"),
url("../fonts/FSLucasProSemiBd/FSLucasProSemiBd.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro SemiBdItalic
1. Для того, чтобы установить шрифт FSLucasPro SemiBdItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProSemiBdItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProSemiBdItalic";
src: url("../fonts/FSLucasProSemiBdItalic/FSLucasProSemiBdItalic.eot");
src: url("../fonts/FSLucasProSemiBdItalic/FSLucasProSemiBdItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProSemiBdItalic/FSLucasProSemiBdItalic.woff") format("woff"),
url("../fonts/FSLucasProSemiBdItalic/FSLucasProSemiBdItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro XtraBd
1. Для того, чтобы установить шрифт FSLucasPro XtraBd в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProXtraBd /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProXtraBd";
src: url("../fonts/FSLucasProXtraBd/FSLucasProXtraBd.eot");
src: url("../fonts/FSLucasProXtraBd/FSLucasProXtraBd.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProXtraBd/FSLucasProXtraBd.woff") format("woff"),
url("../fonts/FSLucasProXtraBd/FSLucasProXtraBd.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro XtraBdItalic
1. Для того, чтобы установить шрифт FSLucasPro XtraBdItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProXtraBdItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProXtraBdItalic";
src: url("../fonts/FSLucasProXtraBdItalic/FSLucasProXtraBdItalic.eot");
src: url("../fonts/FSLucasProXtraBdItalic/FSLucasProXtraBdItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProXtraBdItalic/FSLucasProXtraBdItalic.woff") format("woff"),
url("../fonts/FSLucasProXtraBdItalic/FSLucasProXtraBdItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Thin
1. Для того, чтобы установить шрифт FSLucasPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProThin";
src: url("../fonts/FSLucasProThin/FSLucasProThin.eot");
src: url("../fonts/FSLucasProThin/FSLucasProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProThin/FSLucasProThin.woff") format("woff"),
url("../fonts/FSLucasProThin/FSLucasProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Light
1. Для того, чтобы установить шрифт FSLucasPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProLight";
src: url("../fonts/FSLucasProLight/FSLucasProLight.eot");
src: url("../fonts/FSLucasProLight/FSLucasProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProLight/FSLucasProLight.woff") format("woff"),
url("../fonts/FSLucasProLight/FSLucasProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Regular
1. Для того, чтобы установить шрифт FSLucasPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProRegular";
src: url("../fonts/FSLucasProRegular/FSLucasProRegular.eot");
src: url("../fonts/FSLucasProRegular/FSLucasProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProRegular/FSLucasProRegular.woff") format("woff"),
url("../fonts/FSLucasProRegular/FSLucasProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Bold
1. Для того, чтобы установить шрифт FSLucasPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProBold";
src: url("../fonts/FSLucasProBold/FSLucasProBold.eot");
src: url("../fonts/FSLucasProBold/FSLucasProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProBold/FSLucasProBold.woff") format("woff"),
url("../fonts/FSLucasProBold/FSLucasProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Black
1. Для того, чтобы установить шрифт FSLucasPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProBlack";
src: url("../fonts/FSLucasProBlack/FSLucasProBlack.eot");
src: url("../fonts/FSLucasProBlack/FSLucasProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProBlack/FSLucasProBlack.woff") format("woff"),
url("../fonts/FSLucasProBlack/FSLucasProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro ThinItalic
1. Для того, чтобы установить шрифт FSLucasPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProThinItalic";
src: url("../fonts/FSLucasProThinItalic/FSLucasProThinItalic.eot");
src: url("../fonts/FSLucasProThinItalic/FSLucasProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProThinItalic/FSLucasProThinItalic.woff") format("woff"),
url("../fonts/FSLucasProThinItalic/FSLucasProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro LightItalic
1. Для того, чтобы установить шрифт FSLucasPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProLightItalic";
src: url("../fonts/FSLucasProLightItalic/FSLucasProLightItalic.eot");
src: url("../fonts/FSLucasProLightItalic/FSLucasProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProLightItalic/FSLucasProLightItalic.woff") format("woff"),
url("../fonts/FSLucasProLightItalic/FSLucasProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro Italic
1. Для того, чтобы установить шрифт FSLucasPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProItalic";
src: url("../fonts/FSLucasProItalic/FSLucasProItalic.eot");
src: url("../fonts/FSLucasProItalic/FSLucasProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProItalic/FSLucasProItalic.woff") format("woff"),
url("../fonts/FSLucasProItalic/FSLucasProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro BoldItalic
1. Для того, чтобы установить шрифт FSLucasPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProBoldItalic";
src: url("../fonts/FSLucasProBoldItalic/FSLucasProBoldItalic.eot");
src: url("../fonts/FSLucasProBoldItalic/FSLucasProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProBoldItalic/FSLucasProBoldItalic.woff") format("woff"),
url("../fonts/FSLucasProBoldItalic/FSLucasProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FSLucasPro BlackItalic
1. Для того, чтобы установить шрифт FSLucasPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FSLucasProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FSLucasProBlackItalic";
src: url("../fonts/FSLucasProBlackItalic/FSLucasProBlackItalic.eot");
src: url("../fonts/FSLucasProBlackItalic/FSLucasProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FSLucasProBlackItalic/FSLucasProBlackItalic.woff") format("woff"),
url("../fonts/FSLucasProBlackItalic/FSLucasProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!