refactor(react-components): change font files to woff2 format

This patch changes the font files from otf to woff2 format to optimize font file size.
twreporter · Aug 5, 2022 · 077bc67 · 077bc67
1 parent a1c7b99
commit 077bc67
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-components/src/text/utils/webfonts.js b/packages/react-components/src/text/utils/webfonts.js
@@ -11,6 +11,7 @@ const _ = {
 }
 
 const baseGCSDir = 'https://www.twreporter.org/assets/font/'
+const fileExt = '.woff2'
 
 const gcsFontFolder = {
   [fonts.notoSansTC]: 'NotoSansTC',
@@ -26,7 +27,7 @@ const getFontFaces = ({ font, folder }) => {
       font-family: "${font}";
       font-weight: ${fontWeight[fontWeightKey]};
       font-display: swap;
-      src: url("${baseGCSDir}${folder}/${fontWeightKey}.otf");
+      src: url("${baseGCSDir}${folder}/${fontWeightKey}${fileExt}");
     }
   `
   return _.reduce(
@@ -45,7 +46,6 @@ const fontFaces = {
   }),
 }
 
-const fileExt = '.otf'
 let fontGCSFiles = []
 
 _.forEach(fontFaces, function(fontFace, font) {