feat: add tranditional Chinese font

src/App.js

@@ -12,6 +12,8 @@ import ColorSet from './components/ColorSet';
 import { useModal, useColor } from './hooks';
 import colors from './assets/colors.json';
 
+window.wtf = colors;
+
 const Colors = colors.map(set => {
   set.RGB = convert.hex.rgb(set.hex);
   set.colors = set.colors.map(c => {

src/Global.style.js

@@ -50,6 +50,18 @@ const GlobalStyle = createGlobalStyle`
           font-size: 24px;
       }
   }
+  @font-face {
+    font-family: "TChinese";
+    src: url("font/chinese.font.eot"); /* IE9 */
+    src: url("font/chinese.font.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+
+    url("font/chinese.font.woff") format("woff"), /* chrome、firefox */
+    url("font/chinese.font.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
+
+    url("font/chinese.font.svg#font/chinese.font") format("svg"); /* iOS 4.1- */
+    font-style: normal;
+    font-weight: normal;
+}
 `;
 
 export default GlobalStyle;

src/components/ColorTitle.js

@@ -34,10 +34,9 @@ const Wrapper = styled.hgroup`
   }
   > h1 {
     font-size: 3.2rem;
-    letter-spacing: 0.4rem;
-    font-weight: 800;
     writing-mode: vertical-lr;
-    font-family: 'SimSun', 'FangSong', 'STSong', 'STZhongsong', 'LiSu', 'KaiTi', 'Microsoft YaHei';
+    font-family: 'TChinese', 'SimSun', 'FangSong', 'STSong', 'STZhongsong', 'LiSu', 'KaiTi',
+      'Microsoft YaHei';
   }
   > h2 {
     text-transform: uppercase;