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:

    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);
     }
   }
 });
}

  5. 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");}

  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.

Emoji ethics

The way an emoji appears is critical to its interpretation.

So your data has been leaked. Now what?

Do nothing and it's a matter of time before things disappear; this handy guide should help!