feat: merge noto sans kr variable

EATSTEAK · Jun 30, 2024 · 6d674b9 · 6d674b9
1 parent 1347e49
commit 6d674b9
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 1,197 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -17,7 +17,7 @@ export default defineConfig({
       applyBaseStyles: false,
     }),
     compress({
-    CSS: false,
+    CSS: true,
   })],
   markdown: {
     rehypePlugins: [sectionize],

diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "@solid-primitives/set": "^0.4.11",
     "astro": "4.11.0",
     "astro-compress": "^2.2.28",
+    "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.3",
     "satori": "^0.10.13",
     "sharp": "^0.33.4",

diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -1,5 +1,6 @@
 module.exports = {
     plugins: [
+        require("autoprefixer"),
         require("cssnano"),
     ]
 };
diff --git a/public/fonts/NotoSansKR-Variable.woff2 b/public/fonts/NotoSansKR-Variable.woff2
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -1,8 +1,9 @@
 ---
 // Import the global.css file here so that it is included on
 // all pages through the use of the <BaseHead /> component.
-import "../styles/global.css";
 import "../styles/fonts.css";
+import "../styles/global.css";
+
 
 interface Props {
   title: string;
@@ -24,6 +25,7 @@ const { title, description, image = "/blog-placeholder-1.jpg" } = Astro.props;
 <link rel="preconnect" href="https://eatsteak.goatcounter.com">
 
 <!-- Font preloads -->
+<link rel="preload" href="/fonts/NotoSansKR-Variable.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="preload" href="/fonts/MonoplexKR-Regular.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="preload" href="/fonts/Jost-Latin.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="preload" href="/fonts/Jost-Italic-Latin.woff2" as="font" type="font/woff2" crossorigin>

diff --git a/src/components/GrillContainer.tsx b/src/components/GrillContainer.tsx
@@ -14,7 +14,7 @@ export const GrillContainer: Component<{
         <div
           class={
             props.containerClassOverride ??
-            "slide-to-top grill-content"
+            "grill-content"
           }
         >
           {props.children}

diff --git a/src/styles/fonts.css b/src/styles/fonts.css
diff --git a/tsconfig.json b/tsconfig.json
@@ -6,5 +6,5 @@
     "jsxImportSource": "solid-js",
     "outDir": "dist"
   },
-  "exclude": ["*.mjs"]
+  "exclude": ["**/*.cjs", "**/*.js", "**/*.mjs"]
 }
diff --git a/yarn.lock b/yarn.lock
@@ -2561,7 +2561,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"autoprefixer@npm:^10.4.15":
+"autoprefixer@npm:^10.4.15, autoprefixer@npm:^10.4.19":
   version: 10.4.19
   resolution: "autoprefixer@npm:10.4.19"
   dependencies:
@@ -3502,6 +3502,7 @@ __metadata:
     "@typescript-eslint/parser": "npm:^7.13.1"
     astro: "npm:4.11.0"
     astro-compress: "npm:^2.2.28"
+    autoprefixer: "npm:^10.4.19"
     cssnano: "npm:^7.0.3"
     eslint: "npm:^9.5.0"
     eslint-plugin-astro: "npm:^1.2.2"