Chrome/MacOS и Firefox/MacOS могут отображать строку с глифами из двух шрифтов, но Chrome/iOS и Safari/Any — нет. ⇐ CSS

[Anonymous]

Я хочу объявить свойство font-family, называющее два шрифта, и любые глифы, отсутствующие в первом, будут отображаться во втором. Это отлично работает в Chrome и Firefox на MacOS, но Safari/MacOS, а также Chrome и Safari на iOS будут учитывать только шрифт, указанный первым.
Минимальный случай воспроизведения:

Код: Выделить всё

Example



p {
font-family: "Redacted Script", "Noto Emoji", sans-serif;
font-weight: 400;
font-style: normal;
}



Hello 😊

Здесь смайлик должен отображаться в Noto Emoji, а не в том, который установлен в браузере по умолчанию. шрифт эмодзи. Это то, что делают Chrome/MacOS и Firefox/MacOS.
Это то, что я ожидаю:


Но в плохих случаях вместо этого я получаю это (я думаю, смайлик взят из шрифта Apple Emoji) :


Что я делаю не так? Или это смешение шрифтов в одну строку не во всех браузерах поддерживается? Есть ли обходной путь?


Подробнее здесь: https://stackoverflow.com/questions/784 ... s-from-two