Custom fonts when browsing the web

Tom Golden
Tom Golden

This technical article is pretty old now!

I might instead create a browser extension to solve this instead!

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:
const generateFontFace = (fontFamily, embed = true) => {
  let html = '<style>';

  const weights = [
    ['100',  'Regular'],
    ['100i', 'Italic'],
    ['200',  'Regular'],
    ['200i', 'Italic'],
    ['300',  'Regular'],
    ['300i', 'Italic'],
    ['400',  'Medium'],
    ['400i', 'MediumItalic'],
    ['500',  'SemiBold'],
    ['500i', 'SemiBoldItalic'],
    ['600',  'SemiBold'],
    ['600i', 'SemiBoldItalic'],
    ['700',  'Bold'],
    ['700i', 'BoldItalic'],
    ['800',  'Bold'],
    ['800i', 'BoldItalic'],
    ['900',  'Bold'],
    ['900i', 'BoldItalic']
  ];

  weights.forEach(([type, result]) => {
    html += `
      @font-face {
          font-family: ${fontFamily};
          font-weight: ${type.substring(0, 3)};
          font-style: ${type[3] === 'i' ? 'italic' : 'normal'};
          src: url("https://rawcdn.githack.com/rsms/inter/783f38a7000f208abf4f7b78443b82dec2d57b94/docs/font-files/Inter-UI-${result}.woff2") format("woff2");
      }
    `;
  });

  if (embed && !['"Arial"', '"Helvetica"', '"Helvetica Neue"', '"Roboto"', '"Montserrat"', '"Raleway"', '"Open Sans"', '"Raleway"', '"ReithSans"'].includes(fontFamily)) {
    document.getElementsByTagName('head')[0].innerHTML += html + '</style>';
  } 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);
      }
    }
  });
}
  1. In the CSS input, copy paste this codeblock:
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");}
  1. 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.

Human Text Interaction

The most ignored area of computer science

Don't use CSS minifiers with SASS

CSS minifier/compressor benchmarks and the cold-hearted reality