rchou/blogs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change font: Spectral -> EB Garamond

Browse Source
This commit is contained in:
Ryan Chou
2026-06-10 00:07:34 -07:00
parent 786f7128d8
commit bbc2dc6b58
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -2
View File
@@ -7,7 +7,7 @@
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
@@ -29,4 +29,3 @@
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>
post.html
+1 -2
View File
@@ -7,7 +7,7 @@
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
@@ -29,4 +29,3 @@
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>
styles.css
+8 -8
View File
@@ -1,5 +1,6 @@
html, body { html, body {
font-family: 'Spectral', serif; font-family: 'EB Garamond', serif;
font-size: 20px;
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -46,7 +47,7 @@ main {
/* Buttons */ /* Buttons */
button { button {
font-size: 1rem; font-size: 1.1rem;
padding: 10px 20px; padding: 10px 20px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
@@ -69,25 +70,25 @@ footer {
} }
h4 { h4 {
font-size: 32px; font-size: 38px;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-top: 45px; padding-top: 45px;
} }
h3 { h3 {
font-size: 18px; font-size: 22px;
color: grey; color: grey;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
h2 { h2 {
font-size: 11px; font-size: 14px;
color: grey; color: grey;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
p { p {
font-size: 19px; font-size: 22px;
line-height: 1.6; line-height: 1.6;
} }
a { a {
@@ -135,7 +136,7 @@ blockquote {
} }
.post-card .post-date { .post-card .post-date {
font-size: 0.9em; font-size: 1em;
color: #aaa; color: #aaa;
} }
@@ -158,4 +159,3 @@ blockquote {
transform: scale(1.1); /* Slight zoom effect */ transform: scale(1.1); /* Slight zoom effect */
opacity: 0.8; opacity: 0.8;
} }