• Nimiq Frankenstein

Nimiq CSS in Native CSS ​

Fonts ​

You can use the css file directly in your project but make sure that the paths to the font files are correct. The default path is optimized for Vite.

TIP

If you are using vite, you should place the fonts inside /public/assets/fonts/

css
@import url('nimiq-css/css/fonts.css') @layer nq-fonts;

Manual ​

You will need to download and place the font files in your project, then you can copy the contents of the fonts.css file, modify the paths to the font files and include it in your project.

css
@font-face {
  font-family: 'Fira Mono';
  src: url('/assets/fonts/FiraMono-400.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200 1000;
  src: url('/assets/fonts/Mulish-VariableFont_wght.ttf') format('woff2');
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Copy page