Шрифт FF DIN
На нашем сайте, вы можете скачать шрифт FF DIN для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondBlackItalic
1. Для того, чтобы установить шрифт FFDIN CondBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondBlackItalic";
src: url("../fonts/FFDINCondBlackItalic/FFDINCondBlackItalic.eot");
src: url("../fonts/FFDINCondBlackItalic/FFDINCondBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondBlackItalic/FFDINCondBlackItalic.woff") format("woff"),
url("../fonts/FFDINCondBlackItalic/FFDINCondBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondMediumItalic
1. Для того, чтобы установить шрифт FFDIN CondMediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondMediumItalic";
src: url("../fonts/FFDINCondMediumItalic/FFDINCondMediumItalic.eot");
src: url("../fonts/FFDINCondMediumItalic/FFDINCondMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondMediumItalic/FFDINCondMediumItalic.woff") format("woff"),
url("../fonts/FFDINCondMediumItalic/FFDINCondMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondLight
1. Для того, чтобы установить шрифт FFDIN CondLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondLight";
src: url("../fonts/FFDINCondLight/FFDINCondLight.eot");
src: url("../fonts/FFDINCondLight/FFDINCondLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondLight/FFDINCondLight.woff") format("woff"),
url("../fonts/FFDINCondLight/FFDINCondLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Extlight
1. Для того, чтобы установить шрифт FFDIN Extlight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINExtlight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINExtlight";
src: url("../fonts/FFDINExtlight/FFDINExtlight.eot");
src: url("../fonts/FFDINExtlight/FFDINExtlight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINExtlight/FFDINExtlight.woff") format("woff"),
url("../fonts/FFDINExtlight/FFDINExtlight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondMedium
1. Для того, чтобы установить шрифт FFDIN CondMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondMedium";
src: url("../fonts/FFDINCondMedium/FFDINCondMedium.eot");
src: url("../fonts/FFDINCondMedium/FFDINCondMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondMedium/FFDINCondMedium.woff") format("woff"),
url("../fonts/FFDINCondMedium/FFDINCondMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN ExtlightItalic
1. Для того, чтобы установить шрифт FFDIN ExtlightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINExtlightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINExtlightItalic";
src: url("../fonts/FFDINExtlightItalic/FFDINExtlightItalic.eot");
src: url("../fonts/FFDINExtlightItalic/FFDINExtlightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINExtlightItalic/FFDINExtlightItalic.woff") format("woff"),
url("../fonts/FFDINExtlightItalic/FFDINExtlightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondBold
1. Для того, чтобы установить шрифт FFDIN CondBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondBold";
src: url("../fonts/FFDINCondBold/FFDINCondBold.eot");
src: url("../fonts/FFDINCondBold/FFDINCondBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondBold/FFDINCondBold.woff") format("woff"),
url("../fonts/FFDINCondBold/FFDINCondBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondThinItalic
1. Для того, чтобы установить шрифт FFDIN CondThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondThinItalic";
src: url("../fonts/FFDINCondThinItalic/FFDINCondThinItalic.eot");
src: url("../fonts/FFDINCondThinItalic/FFDINCondThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondThinItalic/FFDINCondThinItalic.woff") format("woff"),
url("../fonts/FFDINCondThinItalic/FFDINCondThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Cond
1. Для того, чтобы установить шрифт FFDIN Cond в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCond /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCond";
src: url("../fonts/FFDINCond/FFDINCond.eot");
src: url("../fonts/FFDINCond/FFDINCond.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCond/FFDINCond.woff") format("woff"),
url("../fonts/FFDINCond/FFDINCond.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondExtlight
1. Для того, чтобы установить шрифт FFDIN CondExtlight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondExtlight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondExtlight";
src: url("../fonts/FFDINCondExtlight/FFDINCondExtlight.eot");
src: url("../fonts/FFDINCondExtlight/FFDINCondExtlight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondExtlight/FFDINCondExtlight.woff") format("woff"),
url("../fonts/FFDINCondExtlight/FFDINCondExtlight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondThin
1. Для того, чтобы установить шрифт FFDIN CondThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondThin";
src: url("../fonts/FFDINCondThin/FFDINCondThin.eot");
src: url("../fonts/FFDINCondThin/FFDINCondThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondThin/FFDINCondThin.woff") format("woff"),
url("../fonts/FFDINCondThin/FFDINCondThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondExtlightItalic
1. Для того, чтобы установить шрифт FFDIN CondExtlightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondExtlightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondExtlightItalic";
src: url("../fonts/FFDINCondExtlightItalic/FFDINCondExtlightItalic.eot");
src: url("../fonts/FFDINCondExtlightItalic/FFDINCondExtlightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondExtlightItalic/FFDINCondExtlightItalic.woff") format("woff"),
url("../fonts/FFDINCondExtlightItalic/FFDINCondExtlightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondItalic
1. Для того, чтобы установить шрифт FFDIN CondItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondItalic";
src: url("../fonts/FFDINCondItalic/FFDINCondItalic.eot");
src: url("../fonts/FFDINCondItalic/FFDINCondItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondItalic/FFDINCondItalic.woff") format("woff"),
url("../fonts/FFDINCondItalic/FFDINCondItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondBlack
1. Для того, чтобы установить шрифт FFDIN CondBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondBlack";
src: url("../fonts/FFDINCondBlack/FFDINCondBlack.eot");
src: url("../fonts/FFDINCondBlack/FFDINCondBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondBlack/FFDINCondBlack.woff") format("woff"),
url("../fonts/FFDINCondBlack/FFDINCondBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondLightItalic
1. Для того, чтобы установить шрифт FFDIN CondLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondLightItalic";
src: url("../fonts/FFDINCondLightItalic/FFDINCondLightItalic.eot");
src: url("../fonts/FFDINCondLightItalic/FFDINCondLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondLightItalic/FFDINCondLightItalic.woff") format("woff"),
url("../fonts/FFDINCondLightItalic/FFDINCondLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN CondBoldItalic
1. Для того, чтобы установить шрифт FFDIN CondBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINCondBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINCondBoldItalic";
src: url("../fonts/FFDINCondBoldItalic/FFDINCondBoldItalic.eot");
src: url("../fonts/FFDINCondBoldItalic/FFDINCondBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINCondBoldItalic/FFDINCondBoldItalic.woff") format("woff"),
url("../fonts/FFDINCondBoldItalic/FFDINCondBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Thin
1. Для того, чтобы установить шрифт FFDIN Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINThin";
src: url("../fonts/FFDINThin/FFDINThin.eot");
src: url("../fonts/FFDINThin/FFDINThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINThin/FFDINThin.woff") format("woff"),
url("../fonts/FFDINThin/FFDINThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Light
1. Для того, чтобы установить шрифт FFDIN Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINLight";
src: url("../fonts/FFDINLight/FFDINLight.eot");
src: url("../fonts/FFDINLight/FFDINLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINLight/FFDINLight.woff") format("woff"),
url("../fonts/FFDINLight/FFDINLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Medium
1. Для того, чтобы установить шрифт FFDIN Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINMedium";
src: url("../fonts/FFDINMedium/FFDINMedium.eot");
src: url("../fonts/FFDINMedium/FFDINMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINMedium/FFDINMedium.woff") format("woff"),
url("../fonts/FFDINMedium/FFDINMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Bold
1. Для того, чтобы установить шрифт FFDIN Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINBold";
src: url("../fonts/FFDINBold/FFDINBold.eot");
src: url("../fonts/FFDINBold/FFDINBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINBold/FFDINBold.woff") format("woff"),
url("../fonts/FFDINBold/FFDINBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Black
1. Для того, чтобы установить шрифт FFDIN Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINBlack";
src: url("../fonts/FFDINBlack/FFDINBlack.eot");
src: url("../fonts/FFDINBlack/FFDINBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINBlack/FFDINBlack.woff") format("woff"),
url("../fonts/FFDINBlack/FFDINBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN ThinItalic
1. Для того, чтобы установить шрифт FFDIN ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINThinItalic";
src: url("../fonts/FFDINThinItalic/FFDINThinItalic.eot");
src: url("../fonts/FFDINThinItalic/FFDINThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINThinItalic/FFDINThinItalic.woff") format("woff"),
url("../fonts/FFDINThinItalic/FFDINThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN LightItalic
1. Для того, чтобы установить шрифт FFDIN LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINLightItalic";
src: url("../fonts/FFDINLightItalic/FFDINLightItalic.eot");
src: url("../fonts/FFDINLightItalic/FFDINLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINLightItalic/FFDINLightItalic.woff") format("woff"),
url("../fonts/FFDINLightItalic/FFDINLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN Italic
1. Для того, чтобы установить шрифт FFDIN Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINItalic";
src: url("../fonts/FFDINItalic/FFDINItalic.eot");
src: url("../fonts/FFDINItalic/FFDINItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINItalic/FFDINItalic.woff") format("woff"),
url("../fonts/FFDINItalic/FFDINItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN MediumItalic
1. Для того, чтобы установить шрифт FFDIN MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINMediumItalic";
src: url("../fonts/FFDINMediumItalic/FFDINMediumItalic.eot");
src: url("../fonts/FFDINMediumItalic/FFDINMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINMediumItalic/FFDINMediumItalic.woff") format("woff"),
url("../fonts/FFDINMediumItalic/FFDINMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN BoldItalic
1. Для того, чтобы установить шрифт FFDIN BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINBoldItalic";
src: url("../fonts/FFDINBoldItalic/FFDINBoldItalic.eot");
src: url("../fonts/FFDINBoldItalic/FFDINBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINBoldItalic/FFDINBoldItalic.woff") format("woff"),
url("../fonts/FFDINBoldItalic/FFDINBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFDIN BlackItalic
1. Для того, чтобы установить шрифт FFDIN BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFDINBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFDINBlackItalic";
src: url("../fonts/FFDINBlackItalic/FFDINBlackItalic.eot");
src: url("../fonts/FFDINBlackItalic/FFDINBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFDINBlackItalic/FFDINBlackItalic.woff") format("woff"),
url("../fonts/FFDINBlackItalic/FFDINBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!