Категории: Рубленные шрифты без засечек, Гротески

Шрифт ATC Overlook

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

Thin ExtraLight Light Regular Medium Bold ThinItalic ExtraLightItalic LightItalic MediumItalic BoldItalic Heavy HeavyItalic RegularItalic

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

ATCOverlookThin.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookExtraLight.ttf Eot Woff

Как установить шрифт ATCOverlook ExtraLight

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

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

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

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

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

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

ATCOverlookLight.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookRegular.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookMedium.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookBold.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookExtraLightItalic.ttf Eot Woff

Как установить шрифт ATCOverlook ExtraLightItalic

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

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

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

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

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

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

ATCOverlookLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookHeavy.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookHeavyItalic.ttf Eot Woff

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

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

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

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

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

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

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

ATCOverlookRegularItalic.ttf Eot Woff

Как установить шрифт ATCOverlook RegularItalic

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

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

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

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

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

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

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

Теги: Thin, ExtraLight, Light, Regular, Medium, Bold, ThinItalic, ExtraLightItalic, LightItalic, MediumItalic, BoldItalic, Heavy, HeavyItalic, RegularItalic