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

Шрифт Hiruko Pro

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

BlackOblique ExtraLightOblique RegularAlt LightOblique RegularOblique BoldOblique BookOblique ExtraLight Light Regular Bold Black Book

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

HirukoProBlackOblique.ttf Eot Woff

Как установить шрифт HirukoPro BlackOblique

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

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

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

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

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

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

HirukoProExtraLightOblique.ttf Eot Woff

Как установить шрифт HirukoPro ExtraLightOblique

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

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

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

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

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

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

Как установить шрифт HirukoPro RegularAlt

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

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

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

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

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

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

HirukoProLightOblique.ttf Eot Woff

Как установить шрифт HirukoPro LightOblique

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

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

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

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

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

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

HirukoProRegularOblique.ttf Eot Woff

Как установить шрифт HirukoPro RegularOblique

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

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

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

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

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

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

HirukoProBoldOblique.ttf Eot Woff

Как установить шрифт HirukoPro BoldOblique

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

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

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

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

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

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

HirukoProBookOblique.ttf Eot Woff

Как установить шрифт HirukoPro BookOblique

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

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

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

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

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

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

HirukoProExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

HirukoProLight.ttf Eot Woff

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

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

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

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

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

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

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

HirukoProRegular.ttf Eot Woff

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

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

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

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

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

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

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

HirukoProBold.ttf Eot Woff

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

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

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

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

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

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

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

HirukoProBlack.ttf Eot Woff

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

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

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

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

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

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

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

HirukoProBook.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: BlackOblique, ExtraLightOblique, RegularAlt, LightOblique, RegularOblique, BoldOblique, BookOblique, ExtraLight, Light, Regular, Bold, Black, Book