Merge pull request #72 from isd-sgcu/fix/font

fix(font): fix font
isd-sgcu · Jan 11, 2024 · c7dadf2 · c7dadf2
2 parents f9f7a8b + 4421b8e
commit c7dadf2
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -3,11 +3,12 @@ import "@fontsource/ibm-plex-sans-thai/400.css";
 import "@fontsource/ibm-plex-sans-thai/500.css";
 import "@fontsource/ibm-plex-sans-thai/600.css";
 import "@fontsource/ibm-plex-sans-thai/700.css";
+import { ViewTransitions } from "astro:transitions";
 
 import Nav from "@/components/Nav";
 import Footer from "@/components/Footer.astro";
 import Background from "@/components/Background";
-import { ViewTransitions } from "astro:transitions";
+import "@/styles/global.css";
 
 interface Props {
  pageTitle?: string;

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -0,0 +1,24 @@
+@font-face {
+ font-family: "LibreBaskerville";
+ src: url("/fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf")
+ format("truetype");
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+@font-face {
+ font-family: "LibreBaskerville";
+ src: url("/fonts/Libre_Baskerville/LibreBaskerville-Bold.ttf")
+ format("truetype");
+ font-weight: bold;
+ font-style: normal;
+ font-display: swap;
+}
+@font-face {
+ font-family: "LibreBaskerville";
+ src: url("/fonts/Libre_Baskerville/LibreBaskerville-Italic.ttf")
+ format("truetype");
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+}
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -28,7 +28,7 @@ export default {
  },
  },
  fontFamily: {
- libre: ["Libre Baskerville", ...defaultTheme.fontFamily.serif],
+ libre: ["LibreBaskerville", ...defaultTheme.fontFamily.serif],
  ibm: ["IBM Plex Sans Thai", ...defaultTheme.fontFamily.sans],
  sans: ["IBM Plex Sans Thai", ...defaultTheme.fontFamily.sans],
  },