1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-16 01:56:55 +00:00
* Added: Support for OpenDyslexic and Google Fonts. Font Family settings now provide a list of fonts to choose from, in addition to allowing a custom font to be entered.
* Changed: When saving a settings backup, the current date will be included in the filename by default. (Closes #1084)
This commit is contained in:
SirStendec 2021-09-06 16:48:48 -04:00
parent a529e7fd27
commit 04cfbe6ed9
23 changed files with 394 additions and 28 deletions

View file

@ -7,6 +7,7 @@
import Module from 'utilities/module';
import {ManagedStyle} from 'utilities/dom';
import {has} from 'utilities/object';
import { getFontsList, useFont } from 'utilities/fonts';
const STYLE_VALIDATOR = document.createElement('span');
@ -378,8 +379,9 @@ export default class CSSTweaks extends Module {
ui: {
path: 'Appearance > Theme >> Fonts',
title: 'Font Family',
description: 'Override the font used for the entire Twitch website. The old default font was: `"Helvetica Neue",Helvetica,Arial,sans-serif`',
component: 'setting-text-box'
description: 'Override the font used for the entire Twitch website. The old default font was: `"Helvetica Neue",Helvetica,Arial,sans-serif`\n\nAny font available via [Google Fonts](https://fonts.google.com/) can be loaded by prefixing the font name with `google:`.',
component: 'setting-combo-box',
data: () => getFontsList()
},
changed: () => this.updateFont()
});
@ -481,6 +483,14 @@ export default class CSSTweaks extends Module {
updateFont() {
let font = this.settings.get('layout.theme.global-font');
if ( font && font.length ) {
const [processed, unloader] = useFont(font);
font = processed;
if ( this._font_unloader )
this._font_unloader();
this._font_unloader = unloader;
if ( font.indexOf(' ') !== -1 && font.indexOf(',') === -1 && font.indexOf('"') === -1 && font.indexOf("'") === -1 )
font = `"${font}"`;