@biptik/lagertha-font
v0.0.1
Published
lagertha-font
Downloads
2
Readme
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-fontIn 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-cliRunning the demo locally
npm build
polymer serve --npm
open http://127.0.0.1:<port>/demo/