Категории: Без категории

Шрифт Without Sans

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

Thin ExtraLight Light Regular Medium SemiBold Bold Black UltraBlack ThinItalic ExtraLightItalic LightItalic MediumItalic BoldItalic SemiBoldItalic BlackItalic UltraBlackItalic Book BookItalic RegularItalic

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansThin.ttf Eot Woff

Как установить шрифт WithoutSans Thin

1. Для того, чтобы установить шрифт WithoutSans Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansThin

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansThin";
    src: url("../fonts/WithoutSansThin/WithoutSansThin.eot");
    src: url("../fonts/WithoutSansThin/WithoutSansThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansThin/WithoutSansThin.woff") format("woff"),
    url("../fonts/WithoutSansThin/WithoutSansThin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansExtraLight.ttf Eot Woff

Как установить шрифт WithoutSans ExtraLight

1. Для того, чтобы установить шрифт WithoutSans ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansExtraLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansExtraLight";
    src: url("../fonts/WithoutSansExtraLight/WithoutSansExtraLight.eot");
    src: url("../fonts/WithoutSansExtraLight/WithoutSansExtraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansExtraLight/WithoutSansExtraLight.woff") format("woff"),
    url("../fonts/WithoutSansExtraLight/WithoutSansExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansLight.ttf Eot Woff

Как установить шрифт WithoutSans Light

1. Для того, чтобы установить шрифт WithoutSans Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansLight";
    src: url("../fonts/WithoutSansLight/WithoutSansLight.eot");
    src: url("../fonts/WithoutSansLight/WithoutSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansLight/WithoutSansLight.woff") format("woff"),
    url("../fonts/WithoutSansLight/WithoutSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansRegular.ttf Eot Woff

Как установить шрифт WithoutSans Regular

1. Для того, чтобы установить шрифт WithoutSans Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansRegular

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansRegular";
    src: url("../fonts/WithoutSansRegular/WithoutSansRegular.eot");
    src: url("../fonts/WithoutSansRegular/WithoutSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansRegular/WithoutSansRegular.woff") format("woff"),
    url("../fonts/WithoutSansRegular/WithoutSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansMedium.ttf Eot Woff

Как установить шрифт WithoutSans Medium

1. Для того, чтобы установить шрифт WithoutSans Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansMedium

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansMedium";
    src: url("../fonts/WithoutSansMedium/WithoutSansMedium.eot");
    src: url("../fonts/WithoutSansMedium/WithoutSansMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansMedium/WithoutSansMedium.woff") format("woff"),
    url("../fonts/WithoutSansMedium/WithoutSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansSemiBold.ttf Eot Woff

Как установить шрифт WithoutSans SemiBold

1. Для того, чтобы установить шрифт WithoutSans SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansSemiBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansSemiBold";
    src: url("../fonts/WithoutSansSemiBold/WithoutSansSemiBold.eot");
    src: url("../fonts/WithoutSansSemiBold/WithoutSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansSemiBold/WithoutSansSemiBold.woff") format("woff"),
    url("../fonts/WithoutSansSemiBold/WithoutSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBold.ttf Eot Woff

Как установить шрифт WithoutSans Bold

1. Для того, чтобы установить шрифт WithoutSans Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBold";
    src: url("../fonts/WithoutSansBold/WithoutSansBold.eot");
    src: url("../fonts/WithoutSansBold/WithoutSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBold/WithoutSansBold.woff") format("woff"),
    url("../fonts/WithoutSansBold/WithoutSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBlack.ttf Eot Woff

Как установить шрифт WithoutSans Black

1. Для того, чтобы установить шрифт WithoutSans Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBlack";
    src: url("../fonts/WithoutSansBlack/WithoutSansBlack.eot");
    src: url("../fonts/WithoutSansBlack/WithoutSansBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBlack/WithoutSansBlack.woff") format("woff"),
    url("../fonts/WithoutSansBlack/WithoutSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansUltraBlack.ttf Eot Woff

Как установить шрифт WithoutSans UltraBlack

1. Для того, чтобы установить шрифт WithoutSans UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansUltraBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansUltraBlack";
    src: url("../fonts/WithoutSansUltraBlack/WithoutSansUltraBlack.eot");
    src: url("../fonts/WithoutSansUltraBlack/WithoutSansUltraBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansUltraBlack/WithoutSansUltraBlack.woff") format("woff"),
    url("../fonts/WithoutSansUltraBlack/WithoutSansUltraBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansThinItalic.ttf Eot Woff

Как установить шрифт WithoutSans ThinItalic

1. Для того, чтобы установить шрифт WithoutSans ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansThinItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansThinItalic";
    src: url("../fonts/WithoutSansThinItalic/WithoutSansThinItalic.eot");
    src: url("../fonts/WithoutSansThinItalic/WithoutSansThinItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansThinItalic/WithoutSansThinItalic.woff") format("woff"),
    url("../fonts/WithoutSansThinItalic/WithoutSansThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansExtraLightItalic.ttf Eot Woff

Как установить шрифт WithoutSans ExtraLightItalic

1. Для того, чтобы установить шрифт WithoutSans ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansExtraLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansExtraLightItalic";
    src: url("../fonts/WithoutSansExtraLightItalic/WithoutSansExtraLightItalic.eot");
    src: url("../fonts/WithoutSansExtraLightItalic/WithoutSansExtraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansExtraLightItalic/WithoutSansExtraLightItalic.woff") format("woff"),
    url("../fonts/WithoutSansExtraLightItalic/WithoutSansExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansLightItalic.ttf Eot Woff

Как установить шрифт WithoutSans LightItalic

1. Для того, чтобы установить шрифт WithoutSans LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansLightItalic";
    src: url("../fonts/WithoutSansLightItalic/WithoutSansLightItalic.eot");
    src: url("../fonts/WithoutSansLightItalic/WithoutSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansLightItalic/WithoutSansLightItalic.woff") format("woff"),
    url("../fonts/WithoutSansLightItalic/WithoutSansLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansMediumItalic.ttf Eot Woff

Как установить шрифт WithoutSans MediumItalic

1. Для того, чтобы установить шрифт WithoutSans MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansMediumItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansMediumItalic";
    src: url("../fonts/WithoutSansMediumItalic/WithoutSansMediumItalic.eot");
    src: url("../fonts/WithoutSansMediumItalic/WithoutSansMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansMediumItalic/WithoutSansMediumItalic.woff") format("woff"),
    url("../fonts/WithoutSansMediumItalic/WithoutSansMediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBoldItalic.ttf Eot Woff

Как установить шрифт WithoutSans BoldItalic

1. Для того, чтобы установить шрифт WithoutSans BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBoldItalic";
    src: url("../fonts/WithoutSansBoldItalic/WithoutSansBoldItalic.eot");
    src: url("../fonts/WithoutSansBoldItalic/WithoutSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBoldItalic/WithoutSansBoldItalic.woff") format("woff"),
    url("../fonts/WithoutSansBoldItalic/WithoutSansBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansSemiBoldItalic.ttf Eot Woff

Как установить шрифт WithoutSans SemiBoldItalic

1. Для того, чтобы установить шрифт WithoutSans SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansSemiBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansSemiBoldItalic";
    src: url("../fonts/WithoutSansSemiBoldItalic/WithoutSansSemiBoldItalic.eot");
    src: url("../fonts/WithoutSansSemiBoldItalic/WithoutSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansSemiBoldItalic/WithoutSansSemiBoldItalic.woff") format("woff"),
    url("../fonts/WithoutSansSemiBoldItalic/WithoutSansSemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBlackItalic.ttf Eot Woff

Как установить шрифт WithoutSans BlackItalic

1. Для того, чтобы установить шрифт WithoutSans BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBlackItalic";
    src: url("../fonts/WithoutSansBlackItalic/WithoutSansBlackItalic.eot");
    src: url("../fonts/WithoutSansBlackItalic/WithoutSansBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBlackItalic/WithoutSansBlackItalic.woff") format("woff"),
    url("../fonts/WithoutSansBlackItalic/WithoutSansBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansUltraBlackItalic.ttf Eot Woff

Как установить шрифт WithoutSans UltraBlackItalic

1. Для того, чтобы установить шрифт WithoutSans UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansUltraBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansUltraBlackItalic";
    src: url("../fonts/WithoutSansUltraBlackItalic/WithoutSansUltraBlackItalic.eot");
    src: url("../fonts/WithoutSansUltraBlackItalic/WithoutSansUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansUltraBlackItalic/WithoutSansUltraBlackItalic.woff") format("woff"),
    url("../fonts/WithoutSansUltraBlackItalic/WithoutSansUltraBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBook.ttf Eot Woff

Как установить шрифт WithoutSans Book

1. Для того, чтобы установить шрифт WithoutSans Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBook

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBook";
    src: url("../fonts/WithoutSansBook/WithoutSansBook.eot");
    src: url("../fonts/WithoutSansBook/WithoutSansBook.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBook/WithoutSansBook.woff") format("woff"),
    url("../fonts/WithoutSansBook/WithoutSansBook.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansBookItalic.ttf Eot Woff

Как установить шрифт WithoutSans BookItalic

1. Для того, чтобы установить шрифт WithoutSans BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansBookItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansBookItalic";
    src: url("../fonts/WithoutSansBookItalic/WithoutSansBookItalic.eot");
    src: url("../fonts/WithoutSansBookItalic/WithoutSansBookItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansBookItalic/WithoutSansBookItalic.woff") format("woff"),
    url("../fonts/WithoutSansBookItalic/WithoutSansBookItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

WithoutSansRegularItalic.ttf Eot Woff

Как установить шрифт WithoutSans RegularItalic

1. Для того, чтобы установить шрифт WithoutSans RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /WithoutSansRegularItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "WithoutSansRegularItalic";
    src: url("../fonts/WithoutSansRegularItalic/WithoutSansRegularItalic.eot");
    src: url("../fonts/WithoutSansRegularItalic/WithoutSansRegularItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/WithoutSansRegularItalic/WithoutSansRegularItalic.woff") format("woff"),
    url("../fonts/WithoutSansRegularItalic/WithoutSansRegularItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "Without Sans" одним zip-архивом, со всеми вариантами начертаний.

Теги: Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, Black, UltraBlack, ThinItalic, ExtraLightItalic, LightItalic, MediumItalic, BoldItalic, SemiBoldItalic, BlackItalic, UltraBlackItalic, Book, BookItalic, RegularItalic