由于某些原因,表情符号在Chrome中不会渲染超过一定大小的表情符号。这个大小似乎与font-size或scale无关,它只是被渲染的表情符号的像素大小。由于图像不是矢量,我可以理解背后的理由,不希望他们是异常大,但由于这只影响 chrome 我不确定。这是Chrome的bug,还是emoji标准中规定的最大预期大小?以下是两个非渲染表情符号的示例:
font-size
scale
ckx4rj1h1#
Is this a Chrome bugYes, it is. See, for example, these:
Based on a lot of testing, 54px is the current maximum font size for emoji. But I will not give up hope :)Update October 2018:The maximum font-size for emoji in Mobile Chrome 69 is 146px.Screenshot: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00If you set it to 147px, the emoji are not rendered properly: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2Some additional info regarding other mobile browsers: https://tobireif.com/posts/maximum_font_size_for_emoji/Update November 2020:Desktop Chrome (tested on MacOS) has a bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1153296Emoji get cut off at certain sizes (more info in the bug report). Emoji look great eg at font-size 120px.There doesn't seem a limit to the font-size for emoji in Mobile Chrome 83. On an Android tablet, Mobile Chrome renders emoji up to eg font-size 700px. At that size the emoji are blurry, but at font-size 120px and lower they look OK, and at font-size 80px and lower they look great.
0tdrvxhp2#
我也遇到了同样的问题,我发现Android设备上表情符号的最大字体大小是49px,而不是 * 54px as Tobi Reif stated。我想这是改变与每一个新的版本。
a64a0gku3#
Chrome字体开发者在这里。对于大字体大小的表情符号,我们建议使用COLRv1彩色矢量字体,例如Noto Emoji from Google Fonts。从Chrome 100,(比较问题评论)这些渲染在非常大的字体大小清晰。从这个版本,你应该不会看到任何其他缩放或消失的大表情符号问题了。
3条答案
按热度按时间ckx4rj1h1#
Is this a Chrome bug
Yes, it is. See, for example, these:
Based on a lot of testing, 54px is the current maximum font size for emoji. But I will not give up hope :)
Update October 2018:
The maximum font-size for emoji in Mobile Chrome 69 is 146px.
Screenshot: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00
If you set it to 147px, the emoji are not rendered properly: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2
Some additional info regarding other mobile browsers: https://tobireif.com/posts/maximum_font_size_for_emoji/
Update November 2020:
Desktop Chrome (tested on MacOS) has a bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1153296
Emoji get cut off at certain sizes (more info in the bug report). Emoji look great eg at font-size 120px.
There doesn't seem a limit to the font-size for emoji in Mobile Chrome 83. On an Android tablet, Mobile Chrome renders emoji up to eg font-size 700px. At that size the emoji are blurry, but at font-size 120px and lower they look OK, and at font-size 80px and lower they look great.
0tdrvxhp2#
我也遇到了同样的问题,我发现Android设备上表情符号的最大字体大小是49px,而不是 * 54px as Tobi Reif stated。
我想这是改变与每一个新的版本。
a64a0gku3#
Chrome字体开发者在这里。对于大字体大小的表情符号,我们建议使用COLRv1彩色矢量字体,例如Noto Emoji from Google Fonts。从Chrome 100,(比较问题评论)这些渲染在非常大的字体大小清晰。从这个版本,你应该不会看到任何其他缩放或消失的大表情符号问题了。