Шрифт Frutiger
На нашем сайте, вы можете скачать шрифт Frutiger для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger BoldCn
1. Для того, чтобы установить шрифт Frutiger BoldCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBoldCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBoldCn";
src: url("../fonts/FrutigerBoldCn/FrutigerBoldCn.eot");
src: url("../fonts/FrutigerBoldCn/FrutigerBoldCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBoldCn/FrutigerBoldCn.woff") format("woff"),
url("../fonts/FrutigerBoldCn/FrutigerBoldCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger LightCn
1. Для того, чтобы установить шрифт Frutiger LightCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerLightCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerLightCn";
src: url("../fonts/FrutigerLightCn/FrutigerLightCn.eot");
src: url("../fonts/FrutigerLightCn/FrutigerLightCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerLightCn/FrutigerLightCn.woff") format("woff"),
url("../fonts/FrutigerLightCn/FrutigerLightCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Cn
1. Для того, чтобы установить шрифт Frutiger Cn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerCn";
src: url("../fonts/FrutigerCn/FrutigerCn.eot");
src: url("../fonts/FrutigerCn/FrutigerCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerCn/FrutigerCn.woff") format("woff"),
url("../fonts/FrutigerCn/FrutigerCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger BlackCn
1. Для того, чтобы установить шрифт Frutiger BlackCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBlackCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBlackCn";
src: url("../fonts/FrutigerBlackCn/FrutigerBlackCn.eot");
src: url("../fonts/FrutigerBlackCn/FrutigerBlackCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBlackCn/FrutigerBlackCn.woff") format("woff"),
url("../fonts/FrutigerBlackCn/FrutigerBlackCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger ExtraBlackCn
1. Для того, чтобы установить шрифт Frutiger ExtraBlackCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerExtraBlackCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerExtraBlackCn";
src: url("../fonts/FrutigerExtraBlackCn/FrutigerExtraBlackCn.eot");
src: url("../fonts/FrutigerExtraBlackCn/FrutigerExtraBlackCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerExtraBlackCn/FrutigerExtraBlackCn.woff") format("woff"),
url("../fonts/FrutigerExtraBlackCn/FrutigerExtraBlackCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Light
1. Для того, чтобы установить шрифт Frutiger Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerLight";
src: url("../fonts/FrutigerLight/FrutigerLight.eot");
src: url("../fonts/FrutigerLight/FrutigerLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerLight/FrutigerLight.woff") format("woff"),
url("../fonts/FrutigerLight/FrutigerLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Bold
1. Для того, чтобы установить шрифт Frutiger Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBold";
src: url("../fonts/FrutigerBold/FrutigerBold.eot");
src: url("../fonts/FrutigerBold/FrutigerBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBold/FrutigerBold.woff") format("woff"),
url("../fonts/FrutigerBold/FrutigerBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Black
1. Для того, чтобы установить шрифт Frutiger Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBlack";
src: url("../fonts/FrutigerBlack/FrutigerBlack.eot");
src: url("../fonts/FrutigerBlack/FrutigerBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBlack/FrutigerBlack.woff") format("woff"),
url("../fonts/FrutigerBlack/FrutigerBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger UltraBlack
1. Для того, чтобы установить шрифт Frutiger UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerUltraBlack";
src: url("../fonts/FrutigerUltraBlack/FrutigerUltraBlack.eot");
src: url("../fonts/FrutigerUltraBlack/FrutigerUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerUltraBlack/FrutigerUltraBlack.woff") format("woff"),
url("../fonts/FrutigerUltraBlack/FrutigerUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger LightItalic
1. Для того, чтобы установить шрифт Frutiger LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerLightItalic";
src: url("../fonts/FrutigerLightItalic/FrutigerLightItalic.eot");
src: url("../fonts/FrutigerLightItalic/FrutigerLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerLightItalic/FrutigerLightItalic.woff") format("woff"),
url("../fonts/FrutigerLightItalic/FrutigerLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Italic
1. Для того, чтобы установить шрифт Frutiger Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerItalic";
src: url("../fonts/FrutigerItalic/FrutigerItalic.eot");
src: url("../fonts/FrutigerItalic/FrutigerItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerItalic/FrutigerItalic.woff") format("woff"),
url("../fonts/FrutigerItalic/FrutigerItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger BoldItalic
1. Для того, чтобы установить шрифт Frutiger BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBoldItalic";
src: url("../fonts/FrutigerBoldItalic/FrutigerBoldItalic.eot");
src: url("../fonts/FrutigerBoldItalic/FrutigerBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBoldItalic/FrutigerBoldItalic.woff") format("woff"),
url("../fonts/FrutigerBoldItalic/FrutigerBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger BlackItalic
1. Для того, чтобы установить шрифт Frutiger BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerBlackItalic";
src: url("../fonts/FrutigerBlackItalic/FrutigerBlackItalic.eot");
src: url("../fonts/FrutigerBlackItalic/FrutigerBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerBlackItalic/FrutigerBlackItalic.woff") format("woff"),
url("../fonts/FrutigerBlackItalic/FrutigerBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Frutiger Roman
1. Для того, чтобы установить шрифт Frutiger Roman в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FrutigerRoman /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FrutigerRoman";
src: url("../fonts/FrutigerRoman/FrutigerRoman.eot");
src: url("../fonts/FrutigerRoman/FrutigerRoman.eot?#iefix")format("embedded-opentype"),
url("../fonts/FrutigerRoman/FrutigerRoman.woff") format("woff"),
url("../fonts/FrutigerRoman/FrutigerRoman.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!