Apis font

Load font from CDN

load the font by inluding this in HTML

<link rel="stylesheet" href="https://unpkg.com/apis-font/fonts/font.css" />

or import it from CSS

<style>
  @import "https://unpkg.com/apis-font/fonts/font.css";
</style>

or load it dynamically from JavaScript

<script src="https://unpkg.com/apis-font/fonts/font.js"></script>

or lazy load the CSS

<link
  rel="preload"
  href="https://unpkg.com/apis-font/fonts/font.css"
  as="style"
/>
<link
  rel="stylesheet"
  href="https://unpkg.com/apis-font/fonts/font.css"
  media="print"
  onload="this.media='all'"
/>

apply the font in CSS

body {
  font-family: Apis, sans-serif;
}
.font-bold {
  font-weight: bold;
}
.font-medium {
  font-weight: 500;
}
.font-italic {
  font-style: italic;
}

Use the font

<p>this is a normal font</p>
<p class="font-bold">this is a bold font</p>
<p class="font-medium">this is a medium font</p>
<p class="font-italic">this is an italic style</p>

Font from npm

npm install apis-font # yarn add apis-font

• The files are in node_modules/apis-font/fonts

For quick prototyping, load the font by inluding this in HTML.

<link rel="stylesheet" href="node_modules/apis-font/fonts/font.css" />

Alternatively copy the files to a folder outside node_modules.

More

To see all the available CDN files go to

https://unpkg.com/apis-font/