added noto-sans webfont

assets/css/base/_fonts.scss

@@ -1,8 +1,22 @@
 @import '../fonts/libertinus/libertinus.css';
 @import '../fonts/notosans/notosans.css';
+// @import '../fonts/notosans/notosans-semicondensed.css';
+// @import '../fonts/notosans/notosans-condensed.css';
+// @import '../fonts/notosans/notosans-extracondensed.css';
 
 body{
   font-family: 'libertinus_serif';
-  // font-family: 'noto_sans';
   font-weight: 400;
+
+  // font-family: 'noto_sans';
+  // font-weight: 900;
+  // font-style: italic;
+}
+
+#header-menu,
+#footer-tabs,
+#search,
+footer[role="tools"] .row>header,
+footer[role="tools"] .row>nav{
+  font-family: "noto_sans";
 }

assets/fonts/notosans/notosans-condensed.css

@@ -0,0 +1,126 @@
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedthin-webfont.woff2') format('woff2'),
+         url('notosans-condensedthin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedthinitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedthinitalic-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextralight-webfont.woff2') format('woff2'),
+         url('notosans-condensedextralight-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextralightitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedextralightitalic-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedlight-webfont.woff2') format('woff2'),
+         url('notosans-condensedlight-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedlightitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedlightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensed-webfont.woff2') format('woff2'),
+         url('notosans-condensed-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condenseditalic-webfont.woff2') format('woff2'),
+         url('notosans-condenseditalic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedmedium-webfont.woff2') format('woff2'),
+         url('notosans-condensedmedium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedmediumitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedmediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedsemibold-webfont.woff2') format('woff2'),
+         url('notosans-condensedsemibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedsemibolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedsemibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedbold-webfont.woff2') format('woff2'),
+         url('notosans-condensedbold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedbolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedbolditalic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextrabold-webfont.woff2') format('woff2'),
+         url('notosans-condensedextrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextrabolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedextrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedblack-webfont.woff2') format('woff2'),
+         url('notosans-condensedblack-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedblackitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedblackitalic-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+}

assets/fonts/notosans/notosans-extracondensed.css

@@ -0,0 +1,126 @@
+@font-face {
+    font-family: 'noto_sansextracondensed_thin';
+    src: url('notosans-extracondensedthin-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedthin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansXCnThIt';
+    src: url('notosans-extracondensedthinitalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedthinitalic-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansXCnXLt';
+    src: url('notosans-extracondensedextralight-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedextralight-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnXLtIt';
+    src: url('notosans-extracondensedextralightitalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedextralightitalic-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansextracondensed_light';
+    src: url('notosans-extracondensedlight-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedlight-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnLtIt';
+    src: url('notosans-extracondensedlightitalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedlightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansextracondensed';
+    src: url('notosans-extracondensed-webfont.woff2') format('woff2'),
+         url('notosans-extracondensed-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnIt';
+    src: url('notosans-extracondenseditalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondenseditalic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansXCnMd';
+    src: url('notosans-extracondensedmedium-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedmedium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnMdIt';
+    src: url('notosans-extracondensedmediumitalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedmediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansXCnSBd';
+    src: url('notosans-extracondensedsemibold-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedsemibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnSBdIt';
+    src: url('notosans-extracondensedsemibolditalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedsemibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansextracondensed_bold';
+    src: url('notosans-extracondensedbold-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedbold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnBdIt';
+    src: url('notosans-extracondensedbolditalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedbolditalic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansXCnXBd';
+    src: url('notosans-extracondensedextrabold-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedextrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnXBdIt';
+    src: url('notosans-extracondensedextrabolditalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedextrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sansextracondensed_black';
+    src: url('notosans-extracondensedblack-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedblack-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sansXCnBlkIt';
+    src: url('notosans-extracondensedblackitalic-webfont.woff2') format('woff2'),
+         url('notosans-extracondensedblackitalic-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+}

assets/fonts/notosans/notosans-semicondensed.css

@@ -0,0 +1,112 @@
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedthin-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedthin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedthinitalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedthinitalic-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedextralight-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedextralight-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedextralightitalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedextralightitalic-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedlight-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedlight-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedlightitalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedlightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensed-webfont.woff2') format('woff2'),
+         url('notosans-semicondensed-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondenseditalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondenseditalic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedmedium-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedmedium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedmediumitalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedmediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedsemibold-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedsemibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedsemibolditalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedsemibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedbold-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedbold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedbolditalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedbolditalic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedextrabold-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedextrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanssemicondensed';
+    src: url('notosans-semicondensedextrabolditalic-webfont.woff2') format('woff2'),
+         url('notosans-semicondensedextrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}