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

Шрифт Gardenia

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

Thin UltraLightItalic Light Regular UltraLight Bold ExtraBold Black UltraBlack ThinItalic LightItalic Italic BoldItalic ExtraBoldItalic BlackItalic UltraBlackItalic Book BookItalic

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

GardeniaThin.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaUltraLightItalic.ttf Eot Woff

Как установить шрифт Gardenia UltraLightItalic

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

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

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

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

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

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

GardeniaLight.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaRegular.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaUltraLight.ttf Eot Woff

Как установить шрифт Gardenia UltraLight

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

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

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

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

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

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

GardeniaBold.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaBlack.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaUltraBlack.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaExtraBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaUltraBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaBook.ttf Eot Woff

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

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

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

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

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

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

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

GardeniaBookItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: Thin, UltraLightItalic, Light, Regular, UltraLight, Bold, ExtraBold, Black, UltraBlack, ThinItalic, LightItalic, Italic, BoldItalic, ExtraBoldItalic, BlackItalic, UltraBlackItalic, Book, BookItalic