@kunukn/dfds-fonts
v0.0.12
Published
Load the font by inluding this in html
Downloads
325
Readme
DFDS fonts
Main font from CDN
Load the font by inluding this in html
<link rel="stylesheet"
href="https://unpkg.com/@kunukn/dfds-fonts/fonts/main/font.css">
or import it from css
<style>
@import "https://unpkg.com/@kunukn/dfds-fonts/fonts/main/font.css";
</style>
or load it dynamically from javascript
<script
src="https://unpkg.com/@kunukn/dfds-fonts/fonts/main/font.js">
</script>
Apply the font in CSS
body {
font-family: DFDS, sans-serif;
}
.font-bold {
font-weight: bold;
}
.font-light {
font-weight: 300;
}
.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-light">this is a light font</p>
<p class="font-italic">this is an italic style</p>
Main font from npm
npm install @kunukn/dfds-fonts # yarn add @kunukn/dfds-fonts
- the files are in
node_modules/@kunukn/dfds-fonts/fonts
For quick prototyping, load the font by inluding this in HTML
<link rel="stylesheet"
href="node_modules/@kunukn/dfds-fonts/fonts/main/font.css">
Alternatively copy the files to a folder outside node_modules.
Demo
- https://codepen.io/kunukn/pen/a9b31a0efb571cc6eadfa79d15a02501
- https://codesandbox.io/s/4x9496jqm4
- https://codepen.io/kunukn/pen/6f88297701bf62e8a4118015e02a507b?editors=0010
More
To see all the available CDN files go to
https://unpkg.com/@kunukn/dfds-fonts/