Re: [csswg-drafts] [css-fonts] Clarification font-variant-emoji should not affect characters `0-9#*` (#11014)

IMO, `font-variant-emoji: text/emoji` should not change the font-family of `0-9#*`, but should always use `font-family: Arial` as set by the author.

If the author wants to use an Emoji font, it should be used with vs15 or vs16 (e.g. `U+0039, U+FE0F`). Otherwise this will break the page styling and cause the confusion in my screenshot above.

If you don't want to change the font-family of a digit, the author has to wrap the specific Emoji in a new element via an element that becomes:

```
data:text/html;charset=UTF-8,<!doctype html>
<style>
  .test { font-size: 52px; font-family: Arial; }
  .emoji { font-variant-emoji: emoji; }
</style>
<div class="test"><span class="emoji">⬆</span> 379 kB/s</div>
```

It would be horrible if, in order to change the styling, we had to wrap each emoji with a separate element. And there are times when we can't change the HTML structure of that content.

This greatly reduces the ergonomics of font-variant-emoji.

-- 
GitHub Notification of comment by yisibl
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11014#issuecomment-2402607929 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 9 October 2024 15:07:36 UTC