Reputation: 11
Can anyone explain why only the first character is fragmented in this example?
<!DOCTYPE html/>
<html>
<body>
<span>𝅘𝅥𝅮</span>
<span>𝅘𝅥𝅮</span>
<span>𝅘𝅥𝅮</span>
</body>
</html>
Tested with Chrome 77 and Firefox 70, on Windows and Linux.
This is what I see:
Upvotes: 1
Views: 63
Reputation: 9523
It seems you get a bug (possibly from the font).
According Unicode chapter 21, figure 21-2, we have exactly your case:
U+1d160 = U+1d158 + U+1d165 + U+1d16e
so it should be shown as your third character (the second character depend on the encoding of the page).
The font correctly put the last two code point together, but it create too much distance between the first and the second. This seems contrary to the Unicode standard, so I can just assume it is a bug.
You may check other fonts (possibly webfont) and force to use webfonts for such characters. With webfont you are sure all users will see the same style. But with a short search, I cannot find good free webfonts with music notes.
Upvotes: 1