resume: use locally sourced organic fonts

it turns out that if you make a webpage with the Inter font weight 600 from Google Fonts, and then export that webpage to PDF using Firefox, that text is not selectable or otherwise visible to any automated resume scanners.

either using Chrome or using a non-Google Fonts font fixes this, so...

Signed-off-by: Naman Sood <mail@nsood.in>

fonts/css/inter.css

@@ -0,0 +1,200 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('../webfonts/Inter-Thin.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Thin.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url('../webfonts/Inter-ThinItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-ThinItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('../webfonts/Inter-ExtraLight.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-ExtraLight.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url('../webfonts/Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-ExtraLightItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/Inter-Light.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Light.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/Inter-LightItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-LightItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/Inter-Regular.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Regular.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/Inter-Italic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Italic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../webfonts/Inter-Medium.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Medium.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../webfonts/Inter-MediumItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-MediumItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../webfonts/Inter-SemiBold.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-SemiBold.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../webfonts/Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-SemiBoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/Inter-Bold.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Bold.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/Inter-BoldItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-BoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('../webfonts/Inter-ExtraBold.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-ExtraBold.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url('../webfonts/Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-ExtraBoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url('../webfonts/Inter-Black.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-Black.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url('../webfonts/Inter-BlackItalic.woff2?v=3.19') format('woff2'),
+       url('../webfonts/Inter-BlackItalic.woff?v=3.19') format('woff');
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../webfonts/Inter-roman.var.woff2?v=3.19') format('woff2');
+}
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../webfonts/Inter-italic.var.woff2?v=3.19') format('woff2');
+}
+
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: 'slnt' 0deg }
+  .italic { font-variation-settings: 'slnt' 10deg }
+
+*/
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../webfonts/Inter.var.woff2?v=3.19') format('woff2');
+}

resume.html

@@ -4,7 +4,7 @@
 	<meta charset="UTF-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,600;1,400&display=swap">
+	<link rel="stylesheet" href="fonts/css/inter.css">
 	<link rel="stylesheet" href="css/resume.css">
 	<script src="https://kit.fontawesome.com/e34b4d0969.js" crossorigin="anonymous"></script>
 	<title>Naman Sood &ndash; Resume</title>