Loads the Roboto family of fonts from Google Fonts.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
.gitignore
.npmignore
CONTRIBUTING.md
README.md
bower.json
manifest.json
package-lock.json
package.json
roboto.js

README.md

Published on NPM Build status Published on webcomponents.org

font-roboto

font-roboto loads the Roboto family of fonts from Google Fonts.

See: Documentation.

Usage

Installation

npm install --save @polymer/font-roboto

In an html file

<html>
  <head>
    <script type="module">
      import '@polymer/font-roboto/roboto.js';
    </script>
  </head>
  <style>
    body {
      font-family: Roboto;
    }
  </style>
  <body>
    <p>This text is in Roboto.</p>
  </body>
</html>

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/font-roboto/roboto.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
      <style>
        p {
          font-family: Roboto;
        }
      </style>
      <p>This text is in Roboto.</p>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

git clone https://github.com/PolymerElements/font-roboto
cd font-roboto
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm