From a7187d72b8a01e4d5abfb8a6c94eb364ff082a13 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Mon, 22 Oct 2018 23:54:40 +0800
Subject: style: use roboto mono as log font family

---
 src/components/Logs.module.scss |  2 +-
 src/components/Root.scss        | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/Logs.module.scss b/src/components/Logs.module.scss
index f3c767e..ff22beb 100644
--- a/src/components/Logs.module.scss
+++ b/src/components/Logs.module.scss
@@ -29,7 +29,7 @@ $heightHeader: 76px;
 .logText {
   flex-shrink: 0;
   display: flex;
-  font-family: 'Source Code Pro', Menlo, monospace;
+  font-family: 'Roboto Mono', Menlo, monospace;
   align-items: center;
   padding: 8px 0;
   // force wrap
diff --git a/src/components/Root.scss b/src/components/Root.scss
index ac1b502..243604f 100644
--- a/src/components/Root.scss
+++ b/src/components/Root.scss
@@ -1,3 +1,16 @@
+// this font-family only covers latin
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto Mono'), local('RobotoMono-Regular'),
+    url('https://cdn.jsdelivr.net/npm/@hsjs/fonts@0.0.1/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2')
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
 .border-left,
 .border-top,
 .border-bottom {
-- 
cgit v1.3.1