ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Add Consolas webfont

Browse Source
This commit is contained in:
SleepWalker
2017-01-25 08:18:47 +02:00
parent bab6293d9e
commit a33d0b66d0
6 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/bsod/dispatchBsod.js
View File

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
import { bsod } from './actions';
import BSoD from 'components/ui/bsod/BSoD';
import font from 'services/font';
let injectedStore;
let onBsod;
@@ -11,9 +12,11 @@ export default function dispatchBsod(store = injectedStore) {
store.dispatch(bsod());
onBsod && onBsod();
ReactDOM.render(
<BSoD store={store} />,
document.getElementById('app')
font.load(['Consolas']).then(() =>
ReactDOM.render(
<BSoD store={store} />,
document.getElementById('app')
)
);
}

10
src/components/ui/bsod/styles.scss
View File

@@ -2,6 +2,16 @@
$font-family-monospaced: 'Consolas', monospace;
@font-face {
font-family: 'Consolas';
font-style: normal;
font-weight: 400;
src: local('Consolas'),
url('~fonts/consolas/consolas-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('~fonts/consolas/consolas-regular.woff') format('woff'), /* Modern Browsers */
url('~fonts/consolas/consolas-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
.body {
height: 100%;
background-color: $dark_blue;