Skip to content

The webfont-ubuntu package simplifies self-hosting the Ubuntu 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.

License

Notifications You must be signed in to change notification settings

jesusgraterol/webfont-ubuntu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WebFont: Ubuntu

The webfont-ubuntu package simplifies self-hosting the Ubuntu 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-ubuntu

Import it into your main stylesheet:

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

Register it in your application:

html {
  font-family: "Ubuntu", 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: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ...
  }
}

Built With

  • CSS

License

MIT


Acknowledgments


Deployment

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

About

The webfont-ubuntu package simplifies self-hosting the Ubuntu 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.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages