Load Inter Font on Every Webpage

inter.html

<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<style>
  :root,
  html,
  body
  article,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    -webkit-font-smoothing: antialiased;
    font-family: Inter, Comic Sans MS !important;
  }
  @supports (font-variation-settings: normal) {
    :root,
    html,
    body
    article,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: InterVariable, Comic Sans MS !important;
    }
  }
</style>

inter.txt

! Title: Inter Font
! Description: Use the Inter font on all body content.
! Version: 0.1.2
! Expires: 1 minute (update frequency)
! Homepage: https://gist.github.com/balupton/9d486bb71c3fbb9ff66c14e2887ae307
! License: https://unlicense.org
*#%#(async function() { document.head.innerHTML += `<link rel="preconnect" href="https://rsms.me/" /> <link rel="stylesheet" href="https://rsms.me/inter/inter.css" /> <style>:root, html, body article, p, h1, h2, h3, h4, h5, h6 {  -webkit-font-smoothing: antialiased;  font-family: Inter, Comic Sans MS !important; } @supports (font-variation-settings: normal) {  :root,  html,  body  article,  p,  h1,  h2,  h3,  h4,  h5,  h6 {  font-family: InterVariable, Comic Sans MS !important;  } }</style>` })()