Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)
Категории:

Шрифт Craft Gothic

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

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

Как установить шрифт CraftGothic DemiBold

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicDemiBold";
    src: url("../fonts/CraftGothicDemiBold/CraftGothicDemiBold.eot");
    src: url("../fonts/CraftGothicDemiBold/CraftGothicDemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicDemiBold/CraftGothicDemiBold.woff") format("woff"),
    url("../fonts/CraftGothicDemiBold/CraftGothicDemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

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

Как установить шрифт CraftGothic DemiBoldItalic

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicDemiBoldItalic";
    src: url("../fonts/CraftGothicDemiBoldItalic/CraftGothicDemiBoldItalic.eot");
    src: url("../fonts/CraftGothicDemiBoldItalic/CraftGothicDemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicDemiBoldItalic/CraftGothicDemiBoldItalic.woff") format("woff"),
    url("../fonts/CraftGothicDemiBoldItalic/CraftGothicDemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic BoldExtended

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBoldExtended";
    src: url("../fonts/CraftGothicBoldExtended/CraftGothicBoldExtended.eot");
    src: url("../fonts/CraftGothicBoldExtended/CraftGothicBoldExtended.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBoldExtended/CraftGothicBoldExtended.woff") format("woff"),
    url("../fonts/CraftGothicBoldExtended/CraftGothicBoldExtended.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic LightExtended

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicLightExtended";
    src: url("../fonts/CraftGothicLightExtended/CraftGothicLightExtended.eot");
    src: url("../fonts/CraftGothicLightExtended/CraftGothicLightExtended.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicLightExtended/CraftGothicLightExtended.woff") format("woff"),
    url("../fonts/CraftGothicLightExtended/CraftGothicLightExtended.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic BlackCondensed

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBlackCondensed";
    src: url("../fonts/CraftGothicBlackCondensed/CraftGothicBlackCondensed.eot");
    src: url("../fonts/CraftGothicBlackCondensed/CraftGothicBlackCondensed.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBlackCondensed/CraftGothicBlackCondensed.woff") format("woff"),
    url("../fonts/CraftGothicBlackCondensed/CraftGothicBlackCondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic Extended

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicExtended";
    src: url("../fonts/CraftGothicExtended/CraftGothicExtended.eot");
    src: url("../fonts/CraftGothicExtended/CraftGothicExtended.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicExtended/CraftGothicExtended.woff") format("woff"),
    url("../fonts/CraftGothicExtended/CraftGothicExtended.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic HeavyCondItalic

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicHeavyCondItalic";
    src: url("../fonts/CraftGothicHeavyCondItalic/CraftGothicHeavyCondItalic.eot");
    src: url("../fonts/CraftGothicHeavyCondItalic/CraftGothicHeavyCondItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicHeavyCondItalic/CraftGothicHeavyCondItalic.woff") format("woff"),
    url("../fonts/CraftGothicHeavyCondItalic/CraftGothicHeavyCondItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic HeavyExtended

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicHeavyExtended";
    src: url("../fonts/CraftGothicHeavyExtended/CraftGothicHeavyExtended.eot");
    src: url("../fonts/CraftGothicHeavyExtended/CraftGothicHeavyExtended.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicHeavyExtended/CraftGothicHeavyExtended.woff") format("woff"),
    url("../fonts/CraftGothicHeavyExtended/CraftGothicHeavyExtended.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic BoldCondensed

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBoldCondensed";
    src: url("../fonts/CraftGothicBoldCondensed/CraftGothicBoldCondensed.eot");
    src: url("../fonts/CraftGothicBoldCondensed/CraftGothicBoldCondensed.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBoldCondensed/CraftGothicBoldCondensed.woff") format("woff"),
    url("../fonts/CraftGothicBoldCondensed/CraftGothicBoldCondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic HeavyCond

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicHeavyCond";
    src: url("../fonts/CraftGothicHeavyCond/CraftGothicHeavyCond.eot");
    src: url("../fonts/CraftGothicHeavyCond/CraftGothicHeavyCond.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicHeavyCond/CraftGothicHeavyCond.woff") format("woff"),
    url("../fonts/CraftGothicHeavyCond/CraftGothicHeavyCond.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic LightCondensed

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicLightCondensed";
    src: url("../fonts/CraftGothicLightCondensed/CraftGothicLightCondensed.eot");
    src: url("../fonts/CraftGothicLightCondensed/CraftGothicLightCondensed.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicLightCondensed/CraftGothicLightCondensed.woff") format("woff"),
    url("../fonts/CraftGothicLightCondensed/CraftGothicLightCondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Как установить шрифт CraftGothic Condensed

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicCondensed";
    src: url("../fonts/CraftGothicCondensed/CraftGothicCondensed.eot");
    src: url("../fonts/CraftGothicCondensed/CraftGothicCondensed.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicCondensed/CraftGothicCondensed.woff") format("woff"),
    url("../fonts/CraftGothicCondensed/CraftGothicCondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicLight";
    src: url("../fonts/CraftGothicLight/CraftGothicLight.eot");
    src: url("../fonts/CraftGothicLight/CraftGothicLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicLight/CraftGothicLight.woff") format("woff"),
    url("../fonts/CraftGothicLight/CraftGothicLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicRegular";
    src: url("../fonts/CraftGothicRegular/CraftGothicRegular.eot");
    src: url("../fonts/CraftGothicRegular/CraftGothicRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicRegular/CraftGothicRegular.woff") format("woff"),
    url("../fonts/CraftGothicRegular/CraftGothicRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBold";
    src: url("../fonts/CraftGothicBold/CraftGothicBold.eot");
    src: url("../fonts/CraftGothicBold/CraftGothicBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBold/CraftGothicBold.woff") format("woff"),
    url("../fonts/CraftGothicBold/CraftGothicBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBlack";
    src: url("../fonts/CraftGothicBlack/CraftGothicBlack.eot");
    src: url("../fonts/CraftGothicBlack/CraftGothicBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBlack/CraftGothicBlack.woff") format("woff"),
    url("../fonts/CraftGothicBlack/CraftGothicBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicItalic";
    src: url("../fonts/CraftGothicItalic/CraftGothicItalic.eot");
    src: url("../fonts/CraftGothicItalic/CraftGothicItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicItalic/CraftGothicItalic.woff") format("woff"),
    url("../fonts/CraftGothicItalic/CraftGothicItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicBoldItalic";
    src: url("../fonts/CraftGothicBoldItalic/CraftGothicBoldItalic.eot");
    src: url("../fonts/CraftGothicBoldItalic/CraftGothicBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicBoldItalic/CraftGothicBoldItalic.woff") format("woff"),
    url("../fonts/CraftGothicBoldItalic/CraftGothicBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

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

Как установить шрифт CraftGothic SemiCondensed

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "CraftGothicSemiCondensed";
    src: url("../fonts/CraftGothicSemiCondensed/CraftGothicSemiCondensed.eot");
    src: url("../fonts/CraftGothicSemiCondensed/CraftGothicSemiCondensed.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CraftGothicSemiCondensed/CraftGothicSemiCondensed.woff") format("woff"),
    url("../fonts/CraftGothicSemiCondensed/CraftGothicSemiCondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

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

Вы можете скачать шрифт "Craft Gothic" одним zip-архивом, со всеми вариантами начертаний.
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином
Шрифты для сайта