e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Remove fontfaceobserver

Browse source
This commit is contained in:
Ken-Håvard Lieng 2020-05-19 01:29:22 +02:00
parent e05118a29b
commit 902e4da46f
4 changed files with 173 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

21
client/js/modules/fonts.js
View file

@ -1,22 +1,15 @@
import FontFaceObserver from 'fontfaceobserver';
import { setCharWidth } from 'state/app';
import { stringWidth } from 'utils';
export default function fonts({ store }) {
export default async function fonts({ store }) {
let { charWidth } = localStorage;
if (charWidth) {
store.dispatch(setCharWidth(parseFloat(charWidth)));
} else {
await document.fonts.load('16px Roboto Mono');
charWidth = stringWidth(' ', '16px Roboto Mono');
store.dispatch(setCharWidth(charWidth));
localStorage.charWidth = charWidth;
}
new FontFaceObserver('Roboto Mono').load().then(() => {
if (!charWidth) {
charWidth = stringWidth(' ', '16px Roboto Mono');
store.dispatch(setCharWidth(charWidth));
localStorage.charWidth = charWidth;
}
});
new FontFaceObserver('Montserrat').load();
new FontFaceObserver('Montserrat', { weight: 700 }).load();
new FontFaceObserver('Roboto Mono', { weight: 700 }).load();
}