chore(fonts): update font files and font-family declarations

- Update font files for different languages: NotoSansCJKsc-Regular.woff2, NotoSansCJKtc-Regular.woff2, NotoSansCJKjp-Regular.woff2, NotoSansCJKkr-Regular.woff2, NotoSans-Regular.woff2
- Update font-family declarations in _typography.scss to use the new font files:
  - Change font-family for body to 'sans-serif'
  - Change font-family for button to 'Noto Sans', sans-serif
- Add font-family declarations for different languages in _typography.scss:
  - For English language (en), use 'Geist', sans-serif
  - For Simplified Chinese language (zh-cn, zh-sg), use 'Noto Sans', 'Noto Sans CJK SC', sans-serif
  - For Traditional Chinese language (zh-hk, zh-mo, zh-tw), use 'Noto Sans', 'Noto Sans CJK TC', sans-serif
  - For Japanese language (ja), use 'Noto Sans', 'Noto Sans CJK JP', sans-serif
  - For Korean language (ko), use 'Noto Sans', 'Noto Sans CJK KR', sans-serif

assets/scss/_core/_font.scss

@@ -7,7 +7,41 @@
 }
 
 @font-face {
-  font-family: 'fw';
+  font-family: 'Noto Sans CJK SC';
-  src: url('/lib/fonts/fw.svg') format('svg');
+  src: url('/lib/fonts/NotoSansCJKsc-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans CJK TC';
+  src: url('/lib/fonts/NotoSansCJKtc-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans CJK JP';
+  src: url('/lib/fonts/NotoSansCJKjp-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans CJK KR';
+  src: url('/lib/fonts/NotoSansCJKkr-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  src: url('/lib/fonts/NotoSans-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
   font-display: swap;
 }

assets/scss/_core/_typography.scss

@@ -3,10 +3,10 @@
 body {
   line-height: 1.2;
   font-size: 16px;
-  font-family: 'Geist', helvetica, arial, sans-serif;
+  font-family: sans-serif;
 
   button {
-    font-family: 'fw', sans-serif;
+    font-family: 'Noto Sans', sans-serif;
   }
 
   @include min-width('tablet') {
@@ -16,3 +16,23 @@ body {
     font-size: 19px;
   }
 }
+
+body:lang(en) {
+  font-family: 'Geist', sans-serif;
+}
+
+body:lang(zh-cn, zh-sg) {
+  font-family: 'Noto Sans', 'Noto Sans CJK SC', sans-serif;
+}
+
+body:lang(zh-hk, zh-mo, zh-tw) {
+  font-family: 'Noto Sans', 'Noto Sans CJK TC', sans-serif;
+}
+
+body:lang(ja) {
+  font-family: 'Noto Sans', 'Noto Sans CJK JP', sans-serif;
+}
+
+body:lang(ko) {
+  font-family: 'Noto Sans', 'Noto Sans CJK KR', sans-serif;
+}

static/lib/fonts/fw.svg

@@ -1,28 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
-<metadata>
-Created by FontForge 20200511 at Wed Jul 18 11:35:56 2007
- By convertio
-(c) 2006 Microsoft Corporation. All Rights Reserved.
-</metadata>
-<defs>
-<font id="MicrosoftSansSerif" horiz-adv-x="600" >
-  <font-face 
-    font-family="Microsoft Sans Serif"
-    font-weight="400"
-    font-stretch="normal"
-    units-per-em="2048"
-    panose-1="2 11 6 4 2 2 2 2 2 4"
-    ascent="1638"
-    descent="-410"
-    bbox="0 0 0 0"
-    underline-thickness="102"
-    underline-position="-271"
-  />
-<missing-glyph 
- />
-    <glyph glyph-name=".notdef" 
- />
-  </font>
-</defs></svg>