diff --git a/assets/css/baseof.css b/assets/css/baseof.css
index 52bbb8c..df9a784 100644
--- a/assets/css/baseof.css
+++ b/assets/css/baseof.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+
 :root {
   --black: #131314;
   --white: #dddddd;
@@ -38,7 +40,7 @@
 }
 
 body {
-  font-family: OpenSans, sans-serif;
+  font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   line-height: normal;
   -webkit-font-smoothing: antialiased;
diff --git a/assets/fonts/OpenSans-Italic.ttf b/assets/fonts/OpenSans-Italic.ttf
deleted file mode 100644
index 5bda9cc..0000000
Binary files a/assets/fonts/OpenSans-Italic.ttf and /dev/null differ
diff --git a/assets/fonts/OpenSans.ttf b/assets/fonts/OpenSans.ttf
deleted file mode 100644
index e4142bf..0000000
Binary files a/assets/fonts/OpenSans.ttf and /dev/null differ
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 98e05a8..ec64b8e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -54,21 +54,6 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{{ $favIcon16.Permalink }}">
     <link rel="icon" type="image/x-icon" href="{{ $favIcon.Permalink }}">
 
-    <link
-      rel="preload"
-      href="{{ $normalFont.Permalink }}"
-      as="font"
-      type="font/ttf"
-      crossorigin
-    />
-    <link
-      rel="preload"
-      href="{{ $italicFont.Permalink }}"
-      as="font"
-      type="font/ttf"
-      crossorigin
-    />
-
     <link rel="stylesheet" href="{{ $baseStyles.Permalink }}">
     <link rel="stylesheet" href="{{ $partialsStyles.Permalink }}">
     {{ block "styles" . }}{{ end }}