Use the Nunito Google Font with your css pre-processor.


101.0.36 years ago6 years agoMinified + gzip package size for @font/nunito in KB



Use the Nunito Google Font with your css pre-processor.

Nunito is a well balanced Sans Serif with rounded terminals. Nunito has been designed mainly to be used as a display font but is usable as a text font too. Nunito has been designed to be used freely across the Internet by web browsers on desktop computers, laptops and mobile devices.

It is similar to the popular Avenir.

Table of Contents generated with DocToc


npm i -S @font/nunito

You'll also want a css-preprocessor that is capable of inlining @import statements and using CSS4 variable syntax. atomify, rework, and postcss are all good choices.


@import "@font/nunito";

body {
  font-family: var(--fontFamily-nunito);

/* or get specific weights only */
@import "@font/nuninto/regular";

body {
  font-family: var(--fontFamily-nunito);
  font-weight: var(--fontWeight-nunito-regular);


:root {
  --fontWeight-nunito-light: 300;
  --fontWeight-nunito-regular: 400;
  --fontWeight-nunito-bold: 700;
  --fontFamily-nunito: 'Nunito', sans-serif;


To publish, run npm run release -- [{patch,minor,major}]

NOTE: you might need to sudo ln -s /usr/local/bin/node /usr/bin/node to ensure node is in your path for the git hooks to work


  • npm > 2.0.0 So that passing args to a npm script will work. npm i -g npm
  • git > 1.8.3 So that git push --follow-tags will work. brew install git


Artistic 2.0 © Joey Baker

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.