change font to alegreya

RickCogley · May 5, 2024 · d74e50c · d74e50c
1 parent 85dd9fc
commit d74e50c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/html/index.html b/html/index.html
@@ -12,14 +12,16 @@
   <meta property="og:title" content="Rick Cogley Current Events">
   <meta property="og:type" content="website">
   <meta property="og:description" content="Rick Cogley's public current events page is where I write what is going on personally and professionally, as well as have favorite quotes and some photos of mine.">
-  <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css">
   <link rel="stylesheet" href="index_assets/style.css"
   <!-- Fathom - beautiful, simple website analytics -->
   <script src="https://cdn.usefathom.com/script.js" data-site="THULMJHM" defer></script>
   <!-- / Fathom -->
 </head>
-<body class="w-100 sans-serif bg-white black-80 sitefont">
+<body class="w-100 sans-serif bg-white black-80 sitefont-400">
 <main>
     <nav class="db dt-l w-100 border-box pa3 ph5-l bg-blue">
         <a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="https://cogley.jp" title="Rick Cogley Main Site">

diff --git a/html/index_assets/style.css b/html/index_assets/style.css
@@ -2,6 +2,24 @@
 .bg-blue { background-color: #0074D9; }
 .sitefont {font-family: 'IBM Plex Mono', monospace;}
 
+/* <uniquifier>: Use a unique and descriptive class name */
+/* <weight>: Use a value from 400 to 900 */
+
+.sitefont-400 {
+  font-family: "Alegreya", serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.sitefont-700 {
+  font-family: "Alegreya", serif;
+  font-optical-sizing: auto;
+  font-weight: 700;
+  font-style: normal;
+}
+
+
 /*
 github.com style (c) Vasily Polovnyov <[email protected]>
 */