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

Шрифт Officina Sans

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Похожие шрифты

Шрифты для сайта