Font helpers for Fyndiq
The styles can be installed through NPM:
npm i -S fyndiq-styles-fontsThis package exposes 2 main modules: bootstrap.css and fonts.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',
}],
},
}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);
}