Switch the font from K2D to Noto Sans Thai Looped

pobch · Nov 14, 2024 · 6b0b243 · 6b0b243
1 parent 3603bac
commit 6b0b243
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -28,7 +28,11 @@
     <!-- Font -->
     <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=K2D&display=swap" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped&display=swap"
+      rel="stylesheet"
+    />
+    <!-- <link href="https://fonts.googleapis.com/css2?family=K2D&display=swap" rel="stylesheet" /> -->
     <!-- <link
       href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap"
       rel="stylesheet"
@@ -57,7 +61,7 @@
     <!-- TODO: remove this -->
     <style>
       #preload-font {
-        font-family: 'K2D', sans-serif;
+        font-family: 'Noto Sans Thai Looped', sans-serif;
         position: absolute;
         top: -2rem;
         opacity: 0;

diff --git a/src/config.ts b/src/config.ts
@@ -12,11 +12,17 @@ export const CONFIG = {
   // TEXTAREA_LINE_HEIGHT: 0.8,
   // TEXTAREA_MARGIN_BLOCK_START: '0',
   // * --- Case 2: 'K2D'
+  // FONT_SIZE: '1rem',
+  // FONT_FAMILY: 'K2D',
+  // LINE_HEIGHT_FACTOR_IN_CANVAS: 1.85,
+  // TEXTAREA_LINE_HEIGHT: 1.5,
+  // TEXTAREA_MARGIN_BLOCK_START: '-0.25em',
+  // * --- Case 3: 'Noto Sans Thai Looped'
   FONT_SIZE: '1rem',
-  FONT_FAMILY: 'K2D',
-  LINE_HEIGHT_FACTOR_IN_CANVAS: 1.85,
+  FONT_FAMILY: 'Noto Sans Thai Looped',
+  LINE_HEIGHT_FACTOR_IN_CANVAS: 1.65,
   TEXTAREA_LINE_HEIGHT: 1.5,
-  TEXTAREA_MARGIN_BLOCK_START: '-0.25em',
+  TEXTAREA_MARGIN_BLOCK_START: '-0.45em',
 
   // * perfect-freehand settings
   PENCIL_SIZE: 3,