Custom fonts when browsing the web

Tom Golden
Tom Golden

This article describes a method to replace old, ugly or inaccessible sans-serif fonts on websites with an excellent font called Inter.

This technique is not new, but the results were pretty good, so thought I'd share them.


When you visit a website, your computer displays resources and instructions sent to your browser. If you want your browser to do something else, either you can change things about your browser, or add an extension to the browser to execute additional instructions.

This method uses the second, using Chrome, though a similar approach would work for other browsers with a similar extension.

The extension is linked here: User JS & CSS

  1. Install extension
  2. Create a new rule Click the extension icon and click "Add new"
  3. In the input where the placeholder says '*.example.com', put '*'
  4. In the JS input, copy paste this codeblock: ```js const generateFontFace = (fontFamily, embed = true) => { let html = ''; } else { return html.substring(8); } };

const storedFontFamily = window.localStorage.getItem('(font-family)'); if (storedFontFamily) { generateFontFace(storedFontFamily); } else { document.addEventListener('DOMContentLoaded', () => { const fontFamily = window.getComputedStyle(document.body).fontFamily;

  const fonts = fontFamily.split(',').map(s => s.trim());

  if (fonts[fonts.length - 1] === 'sans-serif') {
    const fontToAdd = fonts[0];
    if (fontToAdd !== 'sans-serif') {
      const addQuotes = !['"', "'"].includes(fontToAdd.charAt(0));
      const fontFamily = addQuotes ? JSON.stringify(fontToAdd) : fontToAdd;
      window.localStorage.setItem('_(font-family)_', fontFamily);
      generateFontFace(fontFamily);
    }
  }
});

} 5. In the CSS input, copy paste this codeblock: css body > :first-child::before { content: 'Text'; font-family: Arial, sans-serif; position: absolute; left: -200vw; opacity: 0; pointer-events: none; user-select: none; }

/* ['"Arial"', '"Helvetica"', '"Helvetica Neue"', '"Roboto"', '"Montserrat"', '"Raleway"', '"Open Sans"', '"Raleway"', '"ReithSans"'].map(s => generateFontFace(s, false)).join('').replace(/\n\s{0,}/g, '').replace(/: /g, ':').replace(/ {/g, '{').trim() */ @font-face{font-family:"Arial";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Arial";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Helvetica Neue";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Roboto";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Montserrat";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Open Sans";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Raleway";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"ReithSans";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Tahoma";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:100;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:100;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:200;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:200;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:300;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Regular.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:300;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Italic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:400;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Medium.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:400;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-MediumItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:500;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:500;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:600;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBold.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:600;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-SemiBoldItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:700;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:700;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:800;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:800;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:900;font-style:normal;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-Bold.woff2") format("woff2");}@font-face{font-family:"Verdana";font-weight:900;font-style:italic;src:url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-BoldItalic.woff2") format("woff2");} ``` 6. Click 'Save'.

It should all look something like this: Screenshot of form

That's it.

How does it work?

It works in two ways, but the objective is the same; by injecting code to replace fonts with the much more elegant and legible font, Inter. Check out Inter here.

It is currently (in my opinion), by far the best sans-serif font for user interfaces; which websites are.

The first way, is it provides custom font-face declarations that override the default definition of a font. This means that instead of Arial using the Arial on your computer, it is rerouted to use Inter.

Inter is loaded using GitHack, which loads resources indirectly from Github, but using the right headers, including cache forever headers, meaning that Inter only needs to be downloaded once by Chrome and is kept on your computer, so the load is instant.

The second way, is the JavaScript looks at the default font the website is using (by looking at the body tag) and if it is a sans-serif font, it generates a custom font-face declaration for that specific font and adds it the page. So far, this has proven to be a very safe way of calculating the website's default font.

There is a very brief flicker of delay with the fonts changing. As a result of this brief flicker, the most common fonts have been added to the CSS part (Arial, Helvetica, Verdana, Tahoma, Roboto, Raleway, Montserrat, plus more). You can also add more by looking at the JavaScript comment in the CSS file, customizing the font list and running the code. The generated string should then replace all of the CSS below the comment.

The font looks thicker

It is. Inter prioritises legibility, and that means that thin fonts are off the table. Thin fonts are so 2015 anyway.

Can I use something instead of Inter?

Yes, but you'll have to replace all of the links to where Inter is being used to CDN links of another font. If not Inter, I'd recommend IBM Plex Sans, offered by Google Fonts.

How do I disable this for a website?

You can check the toggle on the rule off from the extension's icon popup window.

You can also blacklist it from running on certain websites you visit often by changing the URL input from * to something like *, !a.com, !b.org

How do I remove this completely?

Uninstall the extension.


Reactive type-safe persistence

A little idea I had

Is it worth it to precompile your TypeScript Node.js code?

Benchmarks included for ts-node, tsc, webpack and rollup.