fix: font

RiverTwilight · Oct 28, 2024 · 1db0565 · 1db0565
1 parent 8fff042
commit 1db0565
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/src/pages/App.css b/src/pages/App.css
@@ -1,3 +1,6 @@
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap");
 
 /**
  * =============================================================================

diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -2,7 +2,7 @@ import React from "react";
 import { Analytics } from "@vercel/analytics/react";
 import siteConfig from "../site.config.js";
 import themeConfig from "theme.config";
-// import "./App.css";
+import "./App.css";
 
 function App({ Component, pageProps }) {
 	const {

diff --git a/themes/instagram/pages/ArticlePage.tsx b/themes/instagram/pages/ArticlePage.tsx
@@ -76,20 +76,20 @@ const StyledArticlePage = styled.div`
 		const { colorScheme } = useColorScheme();
 		return colorScheme === "dark" ? "#2D2D2D" : "#F3F3F3";
 	}};
+	border-radius: 28px;
+	border: 2px solid black;
 	@media (min-width: 1024px) {
 		max-width: 800px;
 		margin: 24px auto;
-		border-radius: 28px;
 		padding: 24px;
-		border: 2px solid black;
 		box-shadow: ${({ theme }) =>
 			theme.colorScheme === "dark"
 				? "0px 2px 6px rgba(0, 0, 0, 0.3)"
 				: "0px 2px 6px rgba(0, 0, 0, 0.1)"};
 	}
 
 	& section[itemProp="articleBody"] {
-		font-family: "Bookerly", "Noto Serif SC";
+		font-family: Roboto, sans-serif;
 		padding: 16px 24px;
 
 		h1 {

diff --git a/themes/kindle/Layout.tsx b/themes/kindle/Layout.tsx
@@ -10,10 +10,6 @@ import "kindle-fonts/amazon-ember.css";
 import styled, { createGlobalStyle } from "styled-components";
 
 const GlobalStyle = createGlobalStyle`
-  @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500&display=swap");
-  @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap");
-  @import url("https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap");
-
   * a {
 	color: inherit;
   }