WebFont: Roboto

The webfont-roboto package simplifies self-hosting the Roboto Font for your web applications. This means you can use the font without relying on external services. It works with both vanilla CSS and popular frameworks like Tailwind.

Getting Started

Install the package:

$ npm install -S webfont-roboto

Import it into your main stylesheet:

@import url('/node_modules/webfont-roboto/dist/index.css');

html {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ...
}

Alternatively, if you're using Tailwind CSS:

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ...
  }
}

Built With

License

MIT

Acknowledgments

Google Fonts

Deployment

Install dependencies:
```
$ npm install
```
Build the package:
```
$ npm start
```
Publish to npm:
```
$ npm publish
```

Détail du package

webfont-roboto

readme