Используйте @font-face, чтобы заменить шрифт, определенный system-ui, а не именем семейства шрифтов. ⇐ CSS

[Anonymous]

Например, на веб-странице используется такой код CSS:
font-family: {'Segoe UI', sans-serif;}

Между тем, мне не нравится пользовательский интерфейс Segoe, поэтому я могу заменить его на другой локальный шрифт с помощью @font-face: (внедрить его с помощью расширений, таких как Stylus. Я являюсь пользователем этой веб-страницы, а не ее разработчиком)
@font-face {font-family: Segoe UI; src: local("my own font");}

Однако, что, если этот пользовательский интерфейс Segoe не определяется именем семейства шрифтов, в то время как он определяется system-ui? (Segoe Пользовательский интерфейс является шрифтом по умолчанию в Windows)
font-family: {system-ui, sans-serif;}

Этот код CSS не работает:
@font-face {font-family: system-ui; src: local("my own font");}

Этого тоже нет:
@font-face {font-family: Segoe UI; src: local("my own font");}


Подробнее здесь: https://stackoverflow.com/questions/783 ... ont-family