https://github.com/lorenzbaum/roboto-and-material-icons-fonts

Roboto fontface and Material Design Icons
https://github.com/lorenzbaum/roboto-and-material-icons-fonts

css font font-face material-icons material-icons-fonts roboto roboto-fontface

Last synced: 6 months ago
JSON representation

Roboto fontface and Material Design Icons

• Host: GitHub
• URL: https://github.com/lorenzbaum/roboto-and-material-icons-fonts
• Owner: lorenzbaum
• License: apache-2.0
• Created: 2015-12-31T17:24:49.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2018-12-25T11:01:52.000Z (almost 7 years ago)
• Last Synced: 2025-03-23T18:50:01.354Z (7 months ago)
• Topics: css, font, font-face, material-icons, material-icons-fonts, roboto, roboto-fontface
• Language: CSS
• Homepage:
• Size: 4.5 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Roboto fontface and Material Design Icons 

[![StyleCI Status](https://styleci.io/repos/48856946/shield?branch=master)](https://styleci.io/repos/48856946) [![Documentation](https://codedocs.xyz/lorenzbaum/roboto-and-material-icons-fonts.svg)](https://codedocs.xyz/lorenzbaum/roboto-and-material-icons-fonts/)

A simple package providing the [Roboto](http://www.google.com/fonts/specimen/Roboto) fontface and the Material Design Icons fontface. The Roboto was created by [Christian Robertson](https://plus.google.com/110879635926653430880/about).

## Installing

Assuming you have [NodeJS](http://nodejs.org/), [NPM](https://www.npmjs.com/) and [Bower](http://bower.io/) installed globally just open up a terminal, navigate to your projects root directory and then execute

```bash

# install via Bower

$ bower install roboto-and-material-icons-fonts --save

```

## Usage 

Simply include the material-icons[.min].css and the roboto[.min].css in your html file.

```html

```

## Hinting Roboto

Some of the included font files have [hinting](http://en.wikipedia.org/wiki/Font_hinting).

| Files    | Hinting |

|----------|---------|

| `.eot`   | ?       |

| `.svg`   | no      |

| `.ttf`   | ?       |

| `.woff`  | yes     |

| `.woff2` | ?       |

## Material Icons

The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:

```html

```

Read more in our full usage guide:

http://google.github.io/material-design-icons/#icon-font-for-the-web