Change the way importing fonts and update README.md

Author: leaf-hsiao

README.md

@@ -16,4 +16,39 @@ _screenshots:_
 
 ![](images/catfish2.png)
 
-![](images/catfish3.png)
+![](images/catfish3.png)
+
+------
+
+**Update** 2017.08.18
+
+I selected Simplified Chinese glyphs as default, and used Language-specific OTFs. It can be used directly by Simplified Chinese users.
+
+If you want use Traditional Chinese, Japanese or Korean. There are two way to change to another language.
+
+1. Downloading latest release from [Source Han Sans](https://github.com/adobe-fonts/source-han-sans/tree/release) and [Source Han Serif](https://github.com/adobe-fonts/source-han-serif/tree/release) . And then change `font-face`and`font-family`according to the fonts you downloading.
+
+   e.g
+
+   ```css
+   @font-face
+       font-family Source Han Sans SC
+       font-weight normal
+       src local('Source Han Sans SC Regular'),url(catfish/SourceHanSansSC-Regular.otf)
+
+   font-sans = Source Han Sans SC, sans-serif
+   ```
+
+   ​
+
+2. Installing Super OTC. (It is included in catfish folder or you can also choose to download from official website.)
+
+   > This deployment format requires macOS (OS X) Version 10.8 (aka *Mountain Lion*) or later, iOS 7 or later, Windows 10 Version 1703 (aka *Creators Update*) or later, a flavor of Linux that uses *fontconfig* and FreeType Version 2.5.0.1 or greater, or Adobe CS6 apps or later.
+
+   There are other deployments available in Github.
+
+   You can remove`font-face` of Source Han Sans and Source Han Serif and just modify font-family accordingly.
+
+
+Sorry for the inconvenience. 
+

catfish.css

@@ -1,22 +1,22 @@
 @font-face {
-  font-family: Source Han Sans;
+  font-family: Source Han Sans SC;
   font-weight: normal;
-  src: local('Source Han Sans Regular'), url("catfish/SourceHanSans-Regular.ttc");
+  src: local('Source Han Sans SC Regular'), url("catfish/SourceHanSansSC-Regular.otf");
 }
 @font-face {
   font-family: Source Han Sans;
   font-weight: bold;
-  src: local('Source Han Sans Bold'), url("catfish/SourceHanSans-Bold.ttc");
+  src: local('Source Han Sans SC Bold'), url("catfish/SourceHanSansSC-Bold.otf");
 }
 @font-face {
   font-family: Source Han Serif;
   font-weight: normal;
-  src: local('Source Han Serif Regular'), url("catfish/SourceHanSerif-Regular.ttc");
+  src: local('Source Han Serif SC Regular'), url("catfish/SourceHanSerifSC-Regular.otf");
 }
 @font-face {
   font-family: Source Han Serif;
   font-weight: bold;
-  src: local('Source Han Serif Bold'), url("catfish/SourceHanSerif-Bold.ttc");
+  src: local('Source Han Serif SC Bold'), url("catfish/SourceHanSerifSC-Bold.otf");
 }
 @font-face {
   font-family: mononoki;

catfish.styl

@@ -1,24 +1,24 @@
 //custom fonts
 
 @font-face
-    font-family Source Han Sans
+    font-family Source Han Sans SC
     font-weight normal
-    src local('Source Han Sans Regular'),url(catfish/SourceHanSans-Regular.ttc)
+    src local('Source Han Sans SC Regular'),url(catfish/SourceHanSansSC-Regular.otf)
 
 @font-face
     font-family Source Han Sans
     font-weight bold
-    src local('Source Han Sans Bold'),url(catfish/SourceHanSans-Bold.ttc)
+    src local('Source Han Sans SC Bold'),url(catfish/SourceHanSansSC-Bold.otf)
 
 @font-face
     font-family Source Han Serif
     font-weight normal
-    src local('Source Han Serif Regular'),url(catfish/SourceHanSerif-Regular.ttc)
+    src local('Source Han Serif SC Regular'),url(catfish/SourceHanSerifSC-Regular.otf)
 
 @font-face
     font-family Source Han Serif
     font-weight bold
-    src local('Source Han Serif Bold'),url(catfish/SourceHanSerif-Bold.ttc)
+    src local('Source Han Serif SC Bold'),url(catfish/SourceHanSerifSC-Bold.otf)
 
 @font-face
     font-family mononoki