diff options
| author | Haishan <[email protected]> | 2018-10-22 23:54:40 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2018-10-23 00:06:18 +0800 |
| commit | a7187d72b8a01e4d5abfb8a6c94eb364ff082a13 (patch) | |
| tree | 648fa6d90c07e29bcd94eedddbc1f881d7674ae1 | |
| parent | 26e223c9cc5883393c73e08a5583f0086756e442 (diff) | |
style: use roboto mono as log font family
| -rw-r--r-- | src/components/Logs.module.scss | 2 | ||||
| -rw-r--r-- | src/components/Root.scss | 13 | ||||
| -rw-r--r-- | webpack.common.js | 9 |
3 files changed, 22 insertions, 2 deletions
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/[email protected]/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 { diff --git a/webpack.common.js b/webpack.common.js index 100b6bc..bd1d79b 100644 --- a/webpack.common.js +++ b/webpack.common.js @@ -100,7 +100,14 @@ const cssModulesProdRule = { const fileRule = { test: /\.(ttf|eot|woff|woff2)(\?.+)?$/, - use: ['file-loader'] + use: [ + { + loader: 'file-loader', + options: { + name: '[name].[ext]' + } + } + ] }; const sassDevRule = { |