Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)
Категории:

Шрифт FF DIN

На нашем сайте, вы можете скачать шрифт FF DIN для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.

CondBlackItalicCondMediumItalicCondLightExtlightCondMediumExtlightItalicCondBoldCondThinItalicCondCondExtlightCondThinCondExtlightItalicCondItalicCondBlackCondLightItalicCondBoldItalicThinLightMediumBoldBlackThinItalicLightItalicItalicMediumItalicBoldItalicBlackItalic
Съешь ещё этих мягких французских булок, да выпей же чаю.
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 сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "FF DIN" одним zip-архивом, со всеми вариантами начертаний.
*
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином