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

Шрифт Chronica Pro

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

Light_1 ExtraLightItalic_1 Thin SemiLight Light Regular Medium Bold ExtraBold Black ThinItalic ExtraLightItalic SemiLightItalic Italic MediumItalic BoldItalic ExtraBoldItalic BlackItalic

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

ChronicaProLight_1.ttf Eot Woff

Как установить шрифт ChronicaPro Light_1

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

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

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

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

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

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

ChronicaProExtraLightItalic_1.ttf Eot Woff

Как установить шрифт ChronicaPro ExtraLightItalic_1

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

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

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

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

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

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

ChronicaProThin.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProSemiLight.ttf Eot Woff

Как установить шрифт ChronicaPro SemiLight

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

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

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

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

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

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

ChronicaProLight.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProRegular.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProMedium.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProBold.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProExtraBold.ttf Eot Woff

Как установить шрифт ChronicaPro ExtraBold

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

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

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

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

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

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

ChronicaProBlack.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProExtraLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProSemiLightItalic.ttf Eot Woff

Как установить шрифт ChronicaPro SemiLightItalic

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

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

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

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

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

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

ChronicaProItalic.ttf Eot Woff

Как установить шрифт ChronicaPro Italic

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

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

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

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

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

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

ChronicaProMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

ChronicaProExtraBoldItalic.ttf Eot Woff

Как установить шрифт ChronicaPro ExtraBoldItalic

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

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

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

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

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

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

ChronicaProBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: Light_1, ExtraLightItalic_1, Thin, SemiLight, Light, Regular, Medium, Bold, ExtraBold, Black, ThinItalic, ExtraLightItalic, SemiLightItalic, Italic, MediumItalic, BoldItalic, ExtraBoldItalic, BlackItalic