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

Шрифт PT Sans Pro

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

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

Как установить шрифт PTSansPro NarrowExtraBold

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

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

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

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

Как установить шрифт PTSansPro ExtraCondBlack

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

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

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

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

Как установить шрифт PTSansPro ExtraCondBold

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

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

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

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

Как установить шрифт PTSansPro NarrowDemi

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

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

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

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

Как установить шрифт PTSansPro Demi

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

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

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

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

Как установить шрифт PTSansPro CondBlack

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

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

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

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

Как установить шрифт PTSansPro DemiItalic

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

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

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

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

Как установить шрифт PTSansPro Caption

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

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

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

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

Как установить шрифт PTSansPro NarrowLight

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

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

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

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

Как установить шрифт PTSansPro CaptionBold

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

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

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

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

Как установить шрифт PTSansPro CondLight

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

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

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

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

Как установить шрифт PTSansPro CondDemi

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

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

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

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

Как установить шрифт PTSansPro CondBold

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

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

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

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

Как установить шрифт PTSansPro CondExtraBold

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

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

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

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

Как установить шрифт PTSansPro NarrowBold

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

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

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

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

Как установить шрифт PTSansPro ExtraCondLight

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

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

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

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

Как установить шрифт PTSansPro NarrowBlack

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

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

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

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

Как установить шрифт PTSansPro ExtraCond

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

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

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

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

Как установить шрифт PTSansPro Cond

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

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

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

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

Как установить шрифт PTSansPro ExtraCondDemi

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

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

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

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

Как установить шрифт PTSansPro Narrow

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

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

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

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

Как установить шрифт PTSansPro ExtraCondExtBd

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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