@biptik/lagertha-font NPM

Lagertha-fonts

IBM PLex it's general font-family for Lagertha UI. Noto SansJP secоndary font-family for Lagertha UI (JP), in 2019-20 we are waiting IBM Plex for JP.

Usage

Installation

npm install --save @biptik/lagertha-font

In an html file

<html>
  <head>
    <script type="module">
      import '@biptik/lagerta-font/font.js';
    </script>
  </head>
  <style>
    body {
      font-family: IBM Plex Sans, sans-serif;
    }
  </style>
  <body>
    <p>This text is in IBM Plex font.</p>
  </body>
</html>

In a custom element (LitElement)

import { LitElement, html, customElement, property } from 'lit-element';
import '@biptik/lagertha-font/font.js';

class MyElement extends LitElement {
  render() {
    return html` {
      <style>
        p {
          font-family: IBM Plex;
        }
      </style>
      <p>This text is in IBM Plex.</p>
    `;
  }
}
customElements.define('my-element', MyElement);

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/biptik/lagertha-font
cd lagertha-font
npm install
npm install -g polymer-cli

Running the demo locally

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

lit-element lit-html

@infinitebrahmanuniverse/nolb-_bip @everything-registry/sub-chunk-127

0.0.1

5 years ago