[wp-trac] [WordPress Trac] #31709: Size difference for Emoji in Chrome

[WordPress Trac]

#31709: Size difference for Emoji in Chrome
--------------------------+-----------------------
 Reporter:  saracannon    |       Owner:  pento
     Type:  defect (bug)  |      Status:  assigned
 Priority:  normal        |   Milestone:  4.2
Component:  Formatting    |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  ui
--------------------------+-----------------------

Comment (by Joen):

 I have submitted an upstream pull request which ensures constent sizes and
 positions for the vast majority of yellow face emoji here:
 https://github.com/twitter/twemoji/pull/66 (some exceptions due to
 creative choices, like for the devil horn emoji). Head sizes used to vary
 between 34px and 36px inside a 38px canvas, if the pull request gets
 merged, nearly all head sizes should be 34px instead.

 The Twemoji Illustrator template file has a 38px base canvas. When I drew
 the previous smiley replacements, I had mistakenly used an SVG file as a
 template, and one with a head size of 36px instead of the soon-to-be-
 standard 34px size.

 Now I have redrawn the smiley replacements based on a proper 38px canvas,
 with a 34px head size. SVGs and PNGs are attached for:

 - mrgreen
 - rolleyes
 - simple-smile
 - new: frownie

 During yesterdays chat, @iseulde mentioned that all but mrgreen, rolleyes
 and simple-smile have twemoji replacements, but that frownie was missing.
 So now it's no longer missing. Eventually frownie and simple-smile might
 even hit twemoji proper: https://github.com/twitter/twemoji/issues/59

 Previously I also drew exclaim, question, uneasy and evilgrin. I'm not
 sure those are used anymore, but I have attached them regardless.

 **Note:**

 There seems to be some issues with the twemoji exporter script, which
 means that despite the .ai files having a 38px canvas, exported SVGs are
 resized and given a new 24px canvas. Incidentally that explains the uneven
 pixel sizes we found yesterday (such as 22,737px).

 The fixed SVGs and PNGs attached here assume the SVG exporter process will
 eventually be fixed. These SVGs have a proper 38px base canvas. So when
 twemoji gets fixed upstream, they will match the smileys. Until they do,
 they might still be slightly off.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31709#comment:14>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform