JSPM

@wikiline/webfont-ubuntu-mono

3.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
    • 0
  • Score
    100M100P100Q34338F
  • License MIT

Package for integrating WebFont Ubuntu Mono

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@wikiline/webfont-ubuntu-mono) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    WebFont Ubuntu Mono

    Package for integrating Ubuntu Mono fonts in a web environment.

    npm npm npm

    Installation

    This package can be deployed automatically using NPM:

    npm i @wikiline/webfont-ubuntu-mono

    Usage (CSS)

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

    body {
  font-family: 'Ubuntu Mono', monospace;
}

    Importing

    @import "~@wikiline/webfont-ubuntu-mono/css/all.css";
@import "~@wikiline/webfont-ubuntu-mono/css/all-normal.css";
@import "~@wikiline/webfont-ubuntu-mono/css/all-italic.css";

    To import specific fonts, you can use:

    @import "~@wikiline/webfont-ubuntu-mono/css/weight-400.css";
@import "~@wikiline/webfont-ubuntu-mono/css/weight-400-normal.css";
@import "~@wikiline/webfont-ubuntu-mono/css/weight-400-italic.css";
@import "~@wikiline/webfont-ubuntu-mono/css/weight-700.css";
@import "~@wikiline/webfont-ubuntu-mono/css/weight-700-normal.css";
@import "~@wikiline/webfont-ubuntu-mono/css/weight-700-italic.css";

    Note: Also, each file is presented in a minimized form.

    Variables

    Each font uses the following CSS variables to set the font display property with the default swap value if CSS variables are not defined:

    :root {
  --font-display: swap;
  --font-display-ubuntu-mono: swap;
}

    Usage (LESS)

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

    body {
  font-family: 'Ubuntu Mono', monospace;
}

    Importing

    @import "~@wikiline/webfont-ubuntu-mono/less/all";
@import "~@wikiline/webfont-ubuntu-mono/less/all-normal";
@import "~@wikiline/webfont-ubuntu-mono/less/all-italic";

    To import specific fonts, you can use:

    @import "~@wikiline/webfont-ubuntu-mono/less/_weight-400";
@import "~@wikiline/webfont-ubuntu-mono/less/_weight-400-normal";
@import "~@wikiline/webfont-ubuntu-mono/less/_weight-400-italic";
@import "~@wikiline/webfont-ubuntu-mono/less/_weight-700";
@import "~@wikiline/webfont-ubuntu-mono/less/_weight-700-normal";
@import "~@wikiline/webfont-ubuntu-mono/less/_weight-700-italic";

    Variables

    Each font uses the following LESS variables to set the font display property with the default swap value if SCSS variables are not defined:

    @font-display: swap;
@font-display-ubuntu-mono: swap;

    or

    @import "~@wikiline/webfont-ubuntu-mono/less/config/_variables";

    Usage (SCSS)

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

    body {
  font-family: 'Ubuntu Mono', monospace;
}

    Importing

    @import "~@wikiline/webfont-ubuntu-mono/scss/all";
@import "~@wikiline/webfont-ubuntu-mono/scss/all-normal";
@import "~@wikiline/webfont-ubuntu-mono/scss/all-italic";

    To import specific fonts, you can use:

    @import "~@wikiline/webfont-ubuntu-mono/scss/weight-400";
@import "~@wikiline/webfont-ubuntu-mono/scss/weight-400-normal";
@import "~@wikiline/webfont-ubuntu-mono/scss/weight-400-italic";
@import "~@wikiline/webfont-ubuntu-mono/scss/weight-700";
@import "~@wikiline/webfont-ubuntu-mono/scss/weight-700-normal";
@import "~@wikiline/webfont-ubuntu-mono/scss/weight-700-italic";

    Variables

    Each font uses the following SCSS variables to set the font display property with the default swap value if SCSS variables are not defined:

    $font-display: swap;
$font-display-ubuntu-mono: swap;

    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 license. The Ubuntu fonts use the Ubuntu Font License v1.0.