feat(ui-mode): pr feedback
This commit is contained in:
parent
58712445d3
commit
c1f824325c
|
|
@ -144,11 +144,18 @@ const FontPreview: React.FunctionComponent<{
|
||||||
const [isError, setIsError] = React.useState(false);
|
const [isError, setIsError] = React.useState(false);
|
||||||
|
|
||||||
React.useEffect(() => {
|
React.useEffect(() => {
|
||||||
const fontFace = new FontFace('font-preview', font);
|
let fontFace: FontFace;
|
||||||
|
try {
|
||||||
|
// note: constant font family name will lead to bugs
|
||||||
|
// when displaying two font previews.
|
||||||
|
fontFace = new FontFace('font-preview', font);
|
||||||
if (fontFace.status === 'loaded')
|
if (fontFace.status === 'loaded')
|
||||||
document.fonts.add(fontFace);
|
document.fonts.add(fontFace);
|
||||||
if (fontFace.status === 'error')
|
if (fontFace.status === 'error')
|
||||||
setIsError(true);
|
setIsError(true);
|
||||||
|
} catch {
|
||||||
|
setIsError(true);
|
||||||
|
}
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
document.fonts.delete(fontFace);
|
document.fonts.delete(fontFace);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue