Скачать шрифт roboto для windows 10

Шрифт Roboto, относится к категориям Семейство Sans шрифтов, Безопасные шрифты и доступен в начертаниях Thin, Light, Regular, Medium, Bold, Black, ThinItalic, LightItalic, Italic, MediumItalic, BoldItalic, BlackItalic, скачивай в ZIP архиве или отдельными файлами ttf, otf, woff.

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

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

RobotoThin.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoLight.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoRegular.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoMedium.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoBold.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoBlack.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoThinItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoLightItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoMediumItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoBoldItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

RobotoBlackItalic.ttf Eot Otf Woff

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

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

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

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

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

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

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

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

Источник
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да

Начертания: Thin,  Thin Italic,  Light,  Light Italic,  Regular,  Italic,  Medium,  Medium Italic,  Bold,  Bold Italic,  Black,  Black Italic

Робото имеет двоякую природу. Он имеет механический скелет, а формы в основном геометрические. В то же время шрифт имеет дружественные и открытые кривые. Хотя некоторые гротесы искажают свои буквенные формы, чтобы заставить жесткий ритм, Робото не идет на компромисс, позволяя буквам поселиться в их естественной ширине. Это приводит к более естественному ритму чтения, обычно встречающемуся в гуманистических и засекреченных типах.

Пример начертания шрифта Roboto

  • 10.03.2018
  • 175 778
  • 2
  • В избранное

Показать все начертания шрифта Roboto



Источник

Характеристики шрифта

Категории:
Бесплатные
Размер шрифта:
49.47 килобайт
Формат шрифта:
ttf

Скачать шрифт Roboto Regular

Ошибка. Вы не подтвердили, что Вы не робот.

✔ для личного использования
✔ для коммерческого использования

Поделиться с друзьями

Другие начертания этого шрифта

Roboto Italic

Roboto Thin Italic

Roboto Black Italic

Roboto Bold

Roboto Condensed

Roboto Light + кириллица

Roboto Bold Condensed

Roboto Bold Condensed Italic

Roboto Condensed Italic

Roboto Black

Источник

Roboto вариативный шрифт. Относится к семейству шрифтов Roboto. Гарнитура содержит 2 файла и поддерживает 71 язык. Лицензия Apache 2.0. Можно использовать в коммерческой и не коммерческой деятельности. Разработка Roboto велась Christian Robertson в Google.

Описание

Семейство шрифтов Roboto является одним из самых распространённых в современном цифровом пространстве. Разработано компанией Google для мобильной операционной системы Android в 2011 году и с 2014 распространяется под лицензией Apache.

Copyright

Copyright 2011 Google Inc. All Rights Reserved.

Лицензия

Apache License, Version 2.0 даёт пользователю право использовать программное обеспечение для любых целей (печатных, цифровых, коммерческих или любых других), свободно изменять (за исключением названия) и распространять изменённые копии, за исключением продажи.

Лицензионные условия

Разрешения

Коммерческое использование

Лицензионные материалы и производные могут быть использованы в коммерческих целях

Изменение

Лицензионный материал может быть изменен

Распространение

Лицензионный материал может быть распространен

Персональное использование

Лицензионный материал может быть использован и изменен в личных целях

Патентное использование

Эта лицензия предусматривает прямое предоставление патентных прав на использование

Ограничения

Использование товарного знака

Эта лицензия прямо устанавливает, что не предоставляет прав на товарные знаки

Ограничение ответственности

Данная лицензия включает в себя ограничение ответственности

Отсутствие гарантий

В этой лицензии прямо указано, что она не предоставляет никаких гарантий.

Условия

Уведомление о лицензии и авторских правах

Копия лицензии и информация об авторских правах должны быть включены вместе с лицензионным материалом

Документирование изменений

Изменения, внесенные в лицензионный материал, должны быть задокументированы

Студия и дизайнеры

Google

Christian Robertson

Дополнительная информация

Категории

Языки

Шрифт Roboto

Источник

Понравилась статья? Поделить с друзьями:
  • Скачать шрифт mac os для windows 10
  • Скачать шрифт gost common для windows
  • Скачать шрифт google sans для windows 10
  • Скачать шоги на пк на русском windows 10
  • Скачать шейдеры для майнкрафт windows 10 edition chocapic