diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index 43ab379d57..997579717b 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -50,6 +50,7 @@ margin: 0px; padding: 0px; font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif; + font-feature-settings: 'cv05' on, 'calt' off; text-rendering: optimizeLegibility; /* Platform-specific reset */ -webkit-overflow-scrolling: touch; diff --git a/src/alf/fonts.ts b/src/alf/fonts.ts index 7869167212..536ec7727d 100644 --- a/src/alf/fonts.ts +++ b/src/alf/fonts.ts @@ -80,7 +80,9 @@ export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') { * Disable contextual alternates in Inter * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant} */ - style.fontVariant = (style.fontVariant || []).concat('no-contextual') + style.fontVariant = (style.fontVariant || []) + .concat('no-contextual') + .concat('character-variant-5') } else { // fallback families only supported on web if (isWeb) { diff --git a/web/index.html b/web/index.html index 8bde07d2b3..fdd7aa95d7 100644 --- a/web/index.html +++ b/web/index.html @@ -55,6 +55,7 @@ margin: 0px; padding: 0px; font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif; + font-feature-settings: 'cv05' on, 'calt' off; text-rendering: optimizeLegibility; /* Platform-specific reset */ -webkit-overflow-scrolling: touch;