Use `system-ui` instead of deprecated `BlinkMacSystemFont`

Created on 2 March 2020, almost 5 years ago
Updated 8 April 2023, over 1 year ago

Problem/Motivation

BlinkMacSystemFont was a non-standardised value of system-ui which only worked in older browsers.

In Drupal 10 we only support modern browsers so we can standardise on system-ui.

Steps to reproduce

See https://caniuse.com/font-family-system-ui

Proposed resolution

-  --font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  --font-family: system-ui;

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

📌 Task
Status

Postponed: needs info

Version

10.1

Component
Claro 

Last updated about 10 hours ago

Created by

🇧🇪Belgium martijn.cuppens

Live updates comments and jobs are added and updated live.
  • Needs manual testing

    The change/bugfix cannot be fully demonstrated by automated testing, and thus requires manual testing in a variety of environments.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • The Needs Review Queue Bot tested this issue. It either no longer applies to Drupal core, or fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

    Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

    Consult the Drupal Contributor Guide to find step-by-step guides for working with issues.

  • Status changed to Needs review almost 2 years ago
  • 🇬🇧United Kingdom longwave UK

    Things have moved on, and in Drupal 10 now we no longer support IE11 or other old browsers, so we can just use system-ui: https://caniuse.com/font-family-system-ui

  • Status changed to RTBC almost 2 years ago
  • 🇺🇸United States smustgrave

    Testing on chrome and firefox I'm not noticing any issues clicking around claro.

    Regarding #16 I don't have a windows to test on but do we still think there could be a windows issue after 3 years?

  • Status changed to Needs review almost 2 years ago
  • 🇫🇮Finland lauriii Finland

    We still need to confirm that #11 isn't the case anymore. The key concern seems to be Windows machines on languages using different default fonts (i.e. Chinese). It was brought up in the issue linked on #33 and that's why it looks like Bootstrap decided to just append their font-stack with system-ui.

  • Status changed to Postponed: needs info over 1 year ago
  • 🇺🇸United States smustgrave

    Since it's been 2 months moving to PNMI for #11 to be addressed.

Production build 0.71.5 2024