From db7b875c52b31a8c64859ca8e3e4c9e08c18f13e Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Mon, 14 Oct 2024 10:11:36 -0500 Subject: Update web font families def (#5749) --- src/alf/fonts.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src') 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 = { @@ -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 } /** -- cgit 1.4.1