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

Шрифт Whitney

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

Шрифт семейства whitney (уитни), поддерживает русский и английский алфавит, не имеет засечек, и доступен в 4х начертаниях.

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

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

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

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

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

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

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

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

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

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

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

Как установить шрифт Whitney SemiBold

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

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

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

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

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

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

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

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

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

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