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

Шрифт Athletics

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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