fyndiq-styles-fonts

2.1.1 • Public • Published

fyndiq-styles-fonts npm

Font helpers for Fyndiq

Installation

The styles can be installed through NPM:

npm i -S fyndiq-styles-fonts

Usage

This package exposes 2 main modules: bootstrap.css and fonts.css.

bootstrap.css

This script bootstraps the usage of the fonts, declaring and loading the fonts (WOFF, EOT) as well as setting the default font on the <html> tag.

// In Javascript
import `fyndiq-styles-fonts/bootstrap.css`

In order for it to work properly, a custom loader for the WOFF and EOT files need to be implemented in your webpack config

{
  module: {
    loaders: [{
      test: /\.(eot|woff)$/,
      loader: 'file-loader',
    }],
  },
}

fonts.css

This file exposes 2 variables: the @font-standard which corresponds to font supposed to be in the body of your webpage, and @font-headline which corresponds to the headlines font.

@import "fyndiq-styles-fonts/fonts.css";
 
h3.mySpecialHeadline {
  font-family: var(--font-headline);
}

Readme

Keywords

none

Package Sidebar

Install

npm i fyndiq-styles-fonts

Weekly Downloads

0

Version

2.1.1

License

MIT

Unpacked Size

320 kB

Total Files

15

Last publish

Collaborators

  • oksana.boiarko.fyndiq
  • thibautre
  • dildar