Шрифт Fuse
На нашем сайте, вы можете скачать шрифт Fuse для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Thin
1. Для того, чтобы установить шрифт Fuse Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseThin";
src: url("../fonts/FuseThin/FuseThin.eot");
src: url("../fonts/FuseThin/FuseThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseThin/FuseThin.woff") format("woff"),
url("../fonts/FuseThin/FuseThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse UltraLightItalic
1. Для того, чтобы установить шрифт Fuse UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseUltraLightItalic";
src: url("../fonts/FuseUltraLightItalic/FuseUltraLightItalic.eot");
src: url("../fonts/FuseUltraLightItalic/FuseUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseUltraLightItalic/FuseUltraLightItalic.woff") format("woff"),
url("../fonts/FuseUltraLightItalic/FuseUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Light
1. Для того, чтобы установить шрифт Fuse Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseLight";
src: url("../fonts/FuseLight/FuseLight.eot");
src: url("../fonts/FuseLight/FuseLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseLight/FuseLight.woff") format("woff"),
url("../fonts/FuseLight/FuseLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Regular
1. Для того, чтобы установить шрифт Fuse Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseRegular";
src: url("../fonts/FuseRegular/FuseRegular.eot");
src: url("../fonts/FuseRegular/FuseRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseRegular/FuseRegular.woff") format("woff"),
url("../fonts/FuseRegular/FuseRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse UltraLight
1. Для того, чтобы установить шрифт Fuse UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseUltraLight";
src: url("../fonts/FuseUltraLight/FuseUltraLight.eot");
src: url("../fonts/FuseUltraLight/FuseUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseUltraLight/FuseUltraLight.woff") format("woff"),
url("../fonts/FuseUltraLight/FuseUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Bold
1. Для того, чтобы установить шрифт Fuse Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBold";
src: url("../fonts/FuseBold/FuseBold.eot");
src: url("../fonts/FuseBold/FuseBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBold/FuseBold.woff") format("woff"),
url("../fonts/FuseBold/FuseBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse ExtraBold
1. Для того, чтобы установить шрифт Fuse ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseExtraBold";
src: url("../fonts/FuseExtraBold/FuseExtraBold.eot");
src: url("../fonts/FuseExtraBold/FuseExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseExtraBold/FuseExtraBold.woff") format("woff"),
url("../fonts/FuseExtraBold/FuseExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Black
1. Для того, чтобы установить шрифт Fuse Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBlack";
src: url("../fonts/FuseBlack/FuseBlack.eot");
src: url("../fonts/FuseBlack/FuseBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBlack/FuseBlack.woff") format("woff"),
url("../fonts/FuseBlack/FuseBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse UltraBlack
1. Для того, чтобы установить шрифт Fuse UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseUltraBlack";
src: url("../fonts/FuseUltraBlack/FuseUltraBlack.eot");
src: url("../fonts/FuseUltraBlack/FuseUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseUltraBlack/FuseUltraBlack.woff") format("woff"),
url("../fonts/FuseUltraBlack/FuseUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse ThinItalic
1. Для того, чтобы установить шрифт Fuse ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseThinItalic";
src: url("../fonts/FuseThinItalic/FuseThinItalic.eot");
src: url("../fonts/FuseThinItalic/FuseThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseThinItalic/FuseThinItalic.woff") format("woff"),
url("../fonts/FuseThinItalic/FuseThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse LightItalic
1. Для того, чтобы установить шрифт Fuse LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseLightItalic";
src: url("../fonts/FuseLightItalic/FuseLightItalic.eot");
src: url("../fonts/FuseLightItalic/FuseLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseLightItalic/FuseLightItalic.woff") format("woff"),
url("../fonts/FuseLightItalic/FuseLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Italic
1. Для того, чтобы установить шрифт Fuse Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseItalic";
src: url("../fonts/FuseItalic/FuseItalic.eot");
src: url("../fonts/FuseItalic/FuseItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseItalic/FuseItalic.woff") format("woff"),
url("../fonts/FuseItalic/FuseItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse BoldItalic
1. Для того, чтобы установить шрифт Fuse BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBoldItalic";
src: url("../fonts/FuseBoldItalic/FuseBoldItalic.eot");
src: url("../fonts/FuseBoldItalic/FuseBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBoldItalic/FuseBoldItalic.woff") format("woff"),
url("../fonts/FuseBoldItalic/FuseBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse ExtraBoldItalic
1. Для того, чтобы установить шрифт Fuse ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseExtraBoldItalic";
src: url("../fonts/FuseExtraBoldItalic/FuseExtraBoldItalic.eot");
src: url("../fonts/FuseExtraBoldItalic/FuseExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseExtraBoldItalic/FuseExtraBoldItalic.woff") format("woff"),
url("../fonts/FuseExtraBoldItalic/FuseExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse BlackItalic
1. Для того, чтобы установить шрифт Fuse BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBlackItalic";
src: url("../fonts/FuseBlackItalic/FuseBlackItalic.eot");
src: url("../fonts/FuseBlackItalic/FuseBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBlackItalic/FuseBlackItalic.woff") format("woff"),
url("../fonts/FuseBlackItalic/FuseBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse UltraBlackItalic
1. Для того, чтобы установить шрифт Fuse UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseUltraBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseUltraBlackItalic";
src: url("../fonts/FuseUltraBlackItalic/FuseUltraBlackItalic.eot");
src: url("../fonts/FuseUltraBlackItalic/FuseUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseUltraBlackItalic/FuseUltraBlackItalic.woff") format("woff"),
url("../fonts/FuseUltraBlackItalic/FuseUltraBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse Book
1. Для того, чтобы установить шрифт Fuse Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBook";
src: url("../fonts/FuseBook/FuseBook.eot");
src: url("../fonts/FuseBook/FuseBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBook/FuseBook.woff") format("woff"),
url("../fonts/FuseBook/FuseBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fuse BookItalic
1. Для того, чтобы установить шрифт Fuse BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FuseBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FuseBookItalic";
src: url("../fonts/FuseBookItalic/FuseBookItalic.eot");
src: url("../fonts/FuseBookItalic/FuseBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FuseBookItalic/FuseBookItalic.woff") format("woff"),
url("../fonts/FuseBookItalic/FuseBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!