@bu0nq/webfont-inter v1.0.0

WebFont Inter

Package for integrating Inter fonts in a web environment.

Installation

This package can be deployed automatically using NPM:

npm i @bu0nq/webfont-inter

Usage (CSS)

Font files are located in the fonts directory. To import all fonts, you can use:

body {
  font-family: 'Inter', sans-serif;
}

Importing

@import "~@bu0nq/webfont-inter/css/all.css";
@import "~@bu0nq/webfont-inter/css/all-normal.css";

To import specific fonts, you can use:

@import "~@bu0nq/webfont-inter/css/weight-100.css";
@import "~@bu0nq/webfont-inter/css/weight-100-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-200.css";
@import "~@bu0nq/webfont-inter/css/weight-200-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-300.css";
@import "~@bu0nq/webfont-inter/css/weight-300-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-400.css";
@import "~@bu0nq/webfont-inter/css/weight-400-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-500.css";
@import "~@bu0nq/webfont-inter/css/weight-500-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-600.css";
@import "~@bu0nq/webfont-inter/css/weight-600-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-700.css";
@import "~@bu0nq/webfont-inter/css/weight-700-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-800.css";
@import "~@bu0nq/webfont-inter/css/weight-800-normal.css";
@import "~@bu0nq/webfont-inter/css/weight-900.css";
@import "~@bu0nq/webfont-inter/css/weight-900-normal.css";

Usage (LESS)

Font files are located in the fonts directory. To import all fonts, you can use:

body {
  font-family: 'Inter', sans-serif;
}

Importing

@import "~@bu0nq/webfont-inter/less/all";
@import "~@bu0nq/webfont-inter/less/all-normal";

To import specific fonts, you can use:

@import "~@bu0nq/webfont-inter/less/_weight-100";
@import "~@bu0nq/webfont-inter/less/_weight-100-normal";
@import "~@bu0nq/webfont-inter/less/_weight-200";
@import "~@bu0nq/webfont-inter/less/_weight-200-normal";
@import "~@bu0nq/webfont-inter/less/_weight-300";
@import "~@bu0nq/webfont-inter/less/_weight-300-normal";
@import "~@bu0nq/webfont-inter/less/_weight-400";
@import "~@bu0nq/webfont-inter/less/_weight-400-normal";
@import "~@bu0nq/webfont-inter/less/_weight-500";
@import "~@bu0nq/webfont-inter/less/_weight-500-normal";
@import "~@bu0nq/webfont-inter/less/_weight-600";
@import "~@bu0nq/webfont-inter/less/_weight-600-normal";
@import "~@bu0nq/webfont-inter/less/_weight-700";
@import "~@bu0nq/webfont-inter/less/_weight-700-normal";
@import "~@bu0nq/webfont-inter/less/_weight-800";
@import "~@bu0nq/webfont-inter/less/_weight-800-normal";
@import "~@bu0nq/webfont-inter/less/_weight-900";
@import "~@bu0nq/webfont-inter/less/_weight-900-normal";

Usage (SCSS)

Font files are located in the fonts directory. To import all fonts, you can use:

body {
  font-family: 'Inter', sans-serif;
}

Importing

@import "~@bu0nq/webfont-inter/scss/all";
@import "~@bu0nq/webfont-inter/scss/all-normal";

To import specific fonts, you can use:

@import "~@bu0nq/webfont-inter/scss/weight-100";
@import "~@bu0nq/webfont-inter/scss/weight-100-normal";
@import "~@bu0nq/webfont-inter/scss/weight-200";
@import "~@bu0nq/webfont-inter/scss/weight-200-normal";
@import "~@bu0nq/webfont-inter/scss/weight-300";
@import "~@bu0nq/webfont-inter/scss/weight-300-normal";
@import "~@bu0nq/webfont-inter/scss/weight-400";
@import "~@bu0nq/webfont-inter/scss/weight-400-normal";
@import "~@bu0nq/webfont-inter/scss/weight-500";
@import "~@bu0nq/webfont-inter/scss/weight-500-normal";
@import "~@bu0nq/webfont-inter/scss/weight-600";
@import "~@bu0nq/webfont-inter/scss/weight-600-normal";
@import "~@bu0nq/webfont-inter/scss/weight-700";
@import "~@bu0nq/webfont-inter/scss/weight-700-normal";
@import "~@bu0nq/webfont-inter/scss/weight-800";
@import "~@bu0nq/webfont-inter/scss/weight-800-normal";
@import "~@bu0nq/webfont-inter/scss/weight-900";
@import "~@bu0nq/webfont-inter/scss/weight-900-normal";

Licensing

It is important to always read the license for every font that you use. Most of the fonts in the collection use the SIL Open Font License v1.1. Some fonts use the Apache 2.0 license. The Ubuntu fonts use the Ubuntu Font License v1.0.