diff options
Diffstat (limited to 'src/alf/fonts.ts')
| -rw-r--r-- | src/alf/fonts.ts | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/alf/fonts.ts b/src/alf/fonts.ts index 273282143..c17e35e5e 100644 --- a/src/alf/fonts.ts +++ b/src/alf/fonts.ts @@ -4,7 +4,7 @@ import {useFonts} from 'expo-font' import {isWeb} from '#/platform/detection' import {Device, device} from '#/storage' -const FAMILIES = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif` +const WEB_FONT_FAMILIES = `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"` const factor = 0.0625 // 1 - (15/16) const fontScaleMultipliers: Record<Device['fontScale'], number> = { @@ -48,7 +48,7 @@ export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') { // fallback families only supported on web if (isWeb) { - style.fontFamily += `, ${FAMILIES}` + style.fontFamily += `, ${WEB_FONT_FAMILIES}` } /** @@ -59,7 +59,7 @@ export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') { } else { // fallback families only supported on web if (isWeb) { - style.fontFamily = style.fontFamily || FAMILIES + style.fontFamily = style.fontFamily || WEB_FONT_FAMILIES } /** |