diff --git a/template.js b/template.js
index 0ba4515..5432185 100644
--- a/template.js
+++ b/template.js
@@ -2,6 +2,12 @@
 const logo = 'https://assets.zeit.co/image/upload/front/assets/design/now-black.svg';
 
 const css = `
+@import url('https://rsms.me/inter/inter-ui.css');
+html { font-family: 'Inter UI', sans-serif; }
+@supports (font-variation-settings: normal) {
+  html { font-family: 'Inter UI var alt', sans-serif; }
+}
+
 body {
     background: white;
     background-image: radial-gradient(lightgray 5%, transparent 0);
@@ -23,7 +29,6 @@ body {
 }
   
 .heading {
-    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
     font-size: 75px;
     font-weight: bold;
 }`;
@@ -44,4 +49,4 @@ function getHtml(text) {
 </html>`;
 }
 
-module.exports = { getHtml }
\ No newline at end of file
+module.exports = { getHtml }