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

Шрифт Sweet Sans Pro

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

Hairline HairlineItalic ExLight ExThin ExThinItalic ExLightItalic Thin Light Regular Medium Bold ThinItalic LightItalic Italic MediumItalic BoldItalic Heavy HeavyItalic

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

SweetSansProHairline.ttf Eot Woff

Как установить шрифт SweetSansPro Hairline

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

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

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

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

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

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

SweetSansProHairlineItalic.ttf Eot Woff

Как установить шрифт SweetSansPro HairlineItalic

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

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

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

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

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

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

SweetSansProExLight.ttf Eot Woff

Как установить шрифт SweetSansPro ExLight

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

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

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

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

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

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

SweetSansProExThin.ttf Eot Woff

Как установить шрифт SweetSansPro ExThin

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

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

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

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

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

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

SweetSansProExThinItalic.ttf Eot Woff

Как установить шрифт SweetSansPro ExThinItalic

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

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

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

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

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

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

SweetSansProExLightItalic.ttf Eot Woff

Как установить шрифт SweetSansPro ExLightItalic

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

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

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

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

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

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

SweetSansProThin.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProLight.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProRegular.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProMedium.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProBold.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProItalic.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

SweetSansProHeavy.ttf Eot Woff

Как установить шрифт SweetSansPro Heavy

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

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

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

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

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

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

SweetSansProHeavyItalic.ttf Eot Woff

Как установить шрифт SweetSansPro HeavyItalic

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

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

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

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

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

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

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

Теги: Hairline, HairlineItalic, ExLight, ExThin, ExThinItalic, ExLightItalic, Thin, Light, Regular, Medium, Bold, ThinItalic, LightItalic, Italic, MediumItalic, BoldItalic, Heavy, HeavyItalic