Fix octicons and icons

Signed-off-by: Andrew Thornton <[email protected]>

Author: zeripath

public/css/index.css

@@ -1,37 +1,49 @@
 @footer-margin: 40px;
 
+@default-fonts: "Lato", "Segoe UI", "Microsoft YaHei", Arial, Helvetica, sans-serif;
+
+.override-fonts(@fonts) {
+    font-family: @fonts !important;
+    .icon {
+        font-family: Icons, @fonts !important;
+    }
+    .mega-octicon, .octicon {
+        font-family: Octicons, @fonts !important;
+    }
+}
+
 body {
-    font-family: "Lato", "Segoe UI", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
+    .override-fonts(@default-fonts);
     background-color: #fff;
     overflow-y: scroll;
     -webkit-font-smoothing: antialiased;
 }
 
+@ja-fonts: "Lato", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Roboto, Noto, "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
 :lang(ja) {
-    font-family: "Lato", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Roboto, Noto, "Noto Sans CJK JP", Arial, Helvetica, sans-serif !important;
+    .override-fonts(@ja-fonts);
 }
 
+@zh-CN-fonts: "Lato", "Segoe UI", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "方体", "PingFang SC", "黑体", "Heiti SC", STXihei, "华文细黑", Roboto, Noto, "Noto Sans CJK SC", Arial, Helvetica, sans-serif;
 :lang(zh-CN) {
-    font-family: "Lato", "Segoe UI", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "方体", "PingFang SC", "黑体", "Heiti SC", STXihei, "华文细黑", Roboto, Noto, "Noto Sans CJK SC", Arial, Helvetica, sans-serif !important;
+    .override-fonts(@zh-CN-fonts);
 }
 
+@zh-TW-fonts: "Lato", "Segoe UI", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif;
 :lang(zh-TW) {
-    font-family: "Lato", "Segoe UI", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif !important;
+    .override-fonts(@zh-TW-fonts);
 }
 
+@zh-HK-fonts: "Lato", "Segoe UI", "方體", "PingFang HK", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif;
 :lang(zh-HK) {
-    font-family: "Lato", "Segoe UI", "方體", "PingFang HK", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif !important;
+    .override-fonts(@zh-HK-fonts);
 }
 
+@ko-fonts: "Lato", "Segoe UI", 'Apple SD Gothic Neo', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', '굴림', 'Gulim', '돋움', 'Dotum', "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
 :lang(ko) {
-    font-family: "Lato", "Segoe UI", 'Apple SD Gothic Neo', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', '굴림', 'Gulim', '돋움', 'Dotum', "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
-}
-
-.icon {
-    font-family: Icons !important;
+    .override-fonts(@ko-fonts);
 }
 
-
 img {
     border-radius: 3px;
 }