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

Шрифт Jules Colossal

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

LightSwashes BookSwashes MediumSwashes BoldSwashes BlackSwashes Light Medium Bold Black LightItalic MediumItalic BoldItalic BlackItalic Book BookItalic

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

JulesColossalLightSwashes.ttf Eot Woff

Как установить шрифт JulesColossal LightSwashes

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

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

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

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

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

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

JulesColossalBookSwashes.ttf Eot Woff

Как установить шрифт JulesColossal BookSwashes

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

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

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

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

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

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

JulesColossalMediumSwashes.ttf Eot Woff

Как установить шрифт JulesColossal MediumSwashes

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

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

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

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

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

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

JulesColossalBoldSwashes.ttf Eot Woff

Как установить шрифт JulesColossal BoldSwashes

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

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

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

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

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

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

JulesColossalBlackSwashes.ttf Eot Woff

Как установить шрифт JulesColossal BlackSwashes

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

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

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

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

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

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

JulesColossalLight.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalMedium.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBold.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBlack.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBook.ttf Eot Woff

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

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

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

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

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

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

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

JulesColossalBookItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: LightSwashes, BookSwashes, MediumSwashes, BoldSwashes, BlackSwashes, Light, Medium, Bold, Black, LightItalic, MediumItalic, BoldItalic, BlackItalic, Book, BookItalic