Switch icons to iconfont

3 files changed, 61 insertions, 1 deletions

diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss
index 88af65a..429d869 100644
--- a/assets/scss/_fuji-style/_components.scss
+++ b/assets/scss/_fuji-style/_components.scss
@@ -24,7 +24,7 @@
 
         &:last-child {
             border-radius: 0 0 0.25rem 0.25rem;
-            font-size: 1.5rem;
+            font-size: 1.3rem;
         }
     }
 }
diff --git a/assets/scss/fuji.scss b/assets/scss/fuji.scss
index b5538e6..5a98ebd 100644
--- a/assets/scss/fuji.scss
+++ b/assets/scss/fuji.scss
@@ -12,6 +12,9 @@
 @import '_primer/markdown/index.scss'; // markdown parsing system
 @import '_primer/utilities/layout.scss'; // float and clearfix
 
+// iconfont
+@import 'iconfont.css';
+
 // style
 @import '_fuji-style/_header';
 @import '_fuji-style/_content';
diff --git a/assets/scss/iconfont.css b/assets/scss/iconfont.css
new file mode 100644
index 0000000..0ced370
--- /dev/null
+++ b/assets/scss/iconfont.css
@@ -0,0 +1,57 @@
+@font-face {
+  font-family: 'iconfont';
+  src: url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'),
+    url('../iconfont/iconfont.ttf') format('truetype');
+}
+
+.iconfont {
+  font-family: 'iconfont' !important;
+  font-size: inherit;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-chevron-back-circle-sharp:before {
+  content: '\e608';
+}
+
+.icon-caret-back-circle-sharp:before {
+  content: '\e609';
+}
+
+.icon-chevron-forward-circle-sharp:before {
+  content: '\e60a';
+}
+
+.icon-caret-forward-circle-sharp:before {
+  content: '\e60b';
+}
+
+.icon-today-sharp:before {
+  content: '\e607';
+}
+
+.icon-chevron-up-circle-sharp:before {
+  content: '\e606';
+}
+
+.icon-contrast-sharp:before {
+  content: '\e601';
+}
+
+.icon-file-tray-sharp:before {
+  content: '\e602';
+}
+
+.icon-pricetags-sharp:before {
+  content: '\e603';
+}
+
+.icon-chatbox-ellipses-sharp:before {
+  content: '\e604';
+}
+
+.icon-time-sharp:before {
+  content: '\e605';
+}