Nunito
Download free Nunito font for website or Photoshop
        ExtraLight
      
      
      
        Light
      
      
      
        Regular
      
      
      
        SemiBold
      
      
      
        Bold
      
      
      
        ExtraBold
      
      
      
        Black
      
      
      
        ExtraLightItalic
      
      
      
        LightItalic
      
      
      
        Italic
      
      
      
        SemiBoldItalic
      
      
      
        BoldItalic
      
      
      
        ExtraBoldItalic
      
      
      
        BlackItalic
      
      
    Typography
Aa
91
Characters
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Numbers
1234567890`?'"!(%)[#]{@}/&\<-+^*>|$~
Typescale
H1 - Display 01
H2 - Display 02
H3 - Headline
H4 - Subhead
H5 - Body
H6 - Body small
      
  @font-face {
    font-family: "NunitoExtraLight";
    src: url("../fonts/Nunito/NunitoExtraLight/NunitoExtraLight.eot");
    src: url("../fonts/Nunito/NunitoExtraLight/NunitoExtraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoExtraLight/NunitoExtraLight.woff") format("woff"),
    url("../fonts/Nunito/NunitoExtraLight/NunitoExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoLight";
    src: url("../fonts/Nunito/NunitoLight/NunitoLight.eot");
    src: url("../fonts/Nunito/NunitoLight/NunitoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoLight/NunitoLight.woff") format("woff"),
    url("../fonts/Nunito/NunitoLight/NunitoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoRegular";
    src: url("../fonts/Nunito/NunitoRegular/NunitoRegular.eot");
    src: url("../fonts/Nunito/NunitoRegular/NunitoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoRegular/NunitoRegular.woff") format("woff"),
    url("../fonts/Nunito/NunitoRegular/NunitoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoSemiBold";
    src: url("../fonts/Nunito/NunitoSemiBold/NunitoSemiBold.eot");
    src: url("../fonts/Nunito/NunitoSemiBold/NunitoSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoSemiBold/NunitoSemiBold.woff") format("woff"),
    url("../fonts/Nunito/NunitoSemiBold/NunitoSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoBold";
    src: url("../fonts/Nunito/NunitoBold/NunitoBold.eot");
    src: url("../fonts/Nunito/NunitoBold/NunitoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoBold/NunitoBold.woff") format("woff"),
    url("../fonts/Nunito/NunitoBold/NunitoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoExtraBold";
    src: url("../fonts/Nunito/NunitoExtraBold/NunitoExtraBold.eot");
    src: url("../fonts/Nunito/NunitoExtraBold/NunitoExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoExtraBold/NunitoExtraBold.woff") format("woff"),
    url("../fonts/Nunito/NunitoExtraBold/NunitoExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoBlack";
    src: url("../fonts/Nunito/NunitoBlack/NunitoBlack.eot");
    src: url("../fonts/Nunito/NunitoBlack/NunitoBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoBlack/NunitoBlack.woff") format("woff"),
    url("../fonts/Nunito/NunitoBlack/NunitoBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoExtraLightItalic";
    src: url("../fonts/Nunito/NunitoExtraLightItalic/NunitoExtraLightItalic.eot");
    src: url("../fonts/Nunito/NunitoExtraLightItalic/NunitoExtraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoExtraLightItalic/NunitoExtraLightItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoExtraLightItalic/NunitoExtraLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoLightItalic";
    src: url("../fonts/Nunito/NunitoLightItalic/NunitoLightItalic.eot");
    src: url("../fonts/Nunito/NunitoLightItalic/NunitoLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoLightItalic/NunitoLightItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoLightItalic/NunitoLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoItalic";
    src: url("../fonts/Nunito/NunitoItalic/NunitoItalic.eot");
    src: url("../fonts/Nunito/NunitoItalic/NunitoItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoItalic/NunitoItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoItalic/NunitoItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoSemiBoldItalic";
    src: url("../fonts/Nunito/NunitoSemiBoldItalic/NunitoSemiBoldItalic.eot");
    src: url("../fonts/Nunito/NunitoSemiBoldItalic/NunitoSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoSemiBoldItalic/NunitoSemiBoldItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoSemiBoldItalic/NunitoSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoBoldItalic";
    src: url("../fonts/Nunito/NunitoBoldItalic/NunitoBoldItalic.eot");
    src: url("../fonts/Nunito/NunitoBoldItalic/NunitoBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoBoldItalic/NunitoBoldItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoBoldItalic/NunitoBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoExtraBoldItalic";
    src: url("../fonts/Nunito/NunitoExtraBoldItalic/NunitoExtraBoldItalic.eot");
    src: url("../fonts/Nunito/NunitoExtraBoldItalic/NunitoExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoExtraBoldItalic/NunitoExtraBoldItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoExtraBoldItalic/NunitoExtraBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NunitoBlackItalic";
    src: url("../fonts/Nunito/NunitoBlackItalic/NunitoBlackItalic.eot");
    src: url("../fonts/Nunito/NunitoBlackItalic/NunitoBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Nunito/NunitoBlackItalic/NunitoBlackItalic.woff") format("woff"),
    url("../fonts/Nunito/NunitoBlackItalic/NunitoBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }