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

Шрифт Costanera

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

Thin ExtraLight Light Medium Bold ExtraBold Black ThinItalic ExtraLightItalic LightItalic MediumItalic BoldItalic ExtraBoldItalic BlackItalic Book BookItalic

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

CostaneraThin.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraLight.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraMedium.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBold.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBlack.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraExtraLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraExtraBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBlackItalic.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBook.ttf Eot Woff

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

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

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

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

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

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

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

CostaneraBookItalic.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: Thin, ExtraLight, Light, Medium, Bold, ExtraBold, Black, ThinItalic, ExtraLightItalic, LightItalic, MediumItalic, BoldItalic, ExtraBoldItalic, BlackItalic, Book, BookItalic