Coucou les internets, j’ai encore un drôle de bug avec Safari 17/18.
Est-ce que vous reproduisez un comportement chelou avec la couleur du texte à droite des emojis, vous ? Ce texte est censé être blanc. Il semblerait que la variante 'Skin Tone' de l’emoji (restitué avec la Twemoji COLR de Mozilla convertie en woff2) influe sur la couleur du texte environnant…
Cas réduit : https://codepen.io/ffoodd/pen/Vwobpwq
Ping @anthony et @karlcow — pour tester, j’ai désormais un compte pour ouvrir un ticket ;)
=> More informations about this toot | More toots from ffoodd
@anthony @karlcow Après quelques tests supplémentaires, ça ressemble à un problème de rendu de la fonte :
— cas dysfonctionnel, avec la fonte : https://codepen.io/ffoodd/pen/Vwobpwq
— cas fonctionnel, sans la fonte : https://codepen.io/ffoodd/pen/mdNmwVL
Je ne sais pas comment qualifier ça, mais Chromium et Gecko n’ont aucun problème de rendu.
=> More informations about this toot | More toots from ffoodd
@anthony @karlcow Le comportement est vraiment erratique, quand on joue à sélectionner le texte :
=> More informations about this toot | More toots from ffoodd
@anthony @karlcow Et encore plus de détails : le bug n’existait pas sur iOS 17.6.1, et apparaît après une montée de version en 18.0.1.
J’ouvrirai un ticket demain, je crois !
=> More informations about this toot | More toots from ffoodd
@ffoodd sur iOS 18.0.1
=> View attached media | View attached media
=> More informations about this toot | More toots from joachim@boitam.eu
@joachim Merci ! C’est bien ça. On dirait que le caractère variant pour l’émoji impacte le texte environnant…
Bon, me voilà fin prêt pour un 2nd bug WebKit en 3 jours 😂
=> More informations about this toot | More toots from ffoodd
@joachim D’ailleurs je vois que chez toi la Twemoji ne semble pas charger, donc ça confirme que c’est lié plutôt à leur implémentation des séquences pour les émojis qu’à la fonte. Merci !
=> More informations about this toot | More toots from ffoodd
@ffoodd il charge dans la première capture non ?
=> More informations about this toot | More toots from joachim@boitam.eu
@joachim Ah oui, au temps pour moi.
Tiens par curiosité, si tu enlèves côté CSS la règle @font-face, tu as toujours le même rendu ? (si tu as 5min bien sûr…).
=> More informations about this toot | More toots from ffoodd
@joachim On me souffle par ailleurs que non, pas de problème sans la Twemoji.
=> More informations about this toot | More toots from ffoodd
@ffoodd ouaip j’ai pu vérifier, pas de souci quand je retire la règle src du @font-face.
D’ailleurs au chargement il y a un FOUT, le texte est blanc jusqu’au chargement de Twemoji et remplacement des emojis
=> More informations about this toot | More toots from joachim@boitam.eu
@ffoodd @karlcow
Wow, c'est bien space.
J'ai simplifié ton test et ajouté des exemples :
https://codepen.io/Rik/pen/GRVmMRj
Pour le titre du ticket, quelque chose comme “Twemoji COLR font affects color of text after using an emoji”
cc @nolan qui a peut-être déjà rencontré ce cas ? (et qui avait ouvert https://bugs.webkit.org/show_bug.cgi?id=249943 en autre bug COLR)
=> More informations about this toot | More toots from anthony@indieweb.social
@anthony @karlcow @nolan Je regarderai ça en détail demain 🙂 Merci !
=> More informations about this toot | More toots from ffoodd
@ffoodd @anthony @karlcow Ça pourrait être relié mais j'imagine non parce que c'est une question de couleur plutôt de taille. Je créerais un nouveau bug.
De façon intéressante, le codepen ne reproduit pas le bug en GNOME Web (WebKit). Comme l'autre c'est probablement un bug dans Safari plutôt que WebKit.
=> More informations about this toot | More toots from nolan@toot.cafe
@nolan Oui, oui, c'est bien un bug différent. Je t’ai ajouté car tu as déjà joué avec la même police, pas parce que je pensais que c'était le même bug.
Information intéressante pour Gnome Web. Je ne suis pas très étonné car c'est le genre de chose qui doit s'appuyer sur les librairies de rendu fournies par macOS. @ffoodd @karlcow
=> More informations about this toot | More toots from anthony@indieweb.social
@anthony @nolan @karlcow Ticket ouvert, je vous encourage à commenter si j’ai dit des bêtises ou si vous avez des choses à ajouter : https://bugs.webkit.org/show_bug.cgi?id=281739
=> More informations about this toot | More toots from ffoodd
@ffoodd @anthony @nolan @karlcow (side note: et moi qui ai passé toutes ces années à parler à Nolan en anglais! :D)
=> More informations about this toot | More toots from notabene@piaille.fr
@notabene @anthony @nolan @karlcow J’ignorais aussi qu’il est francophone, mais je lis son blog avec attention fréquemment depuis des lustres :blobcatheart:
=> More informations about this toot | More toots from ffoodd
@notabene C'est comme pour moi, personne ne sait que je parle le Meuh… @ffoodd @anthony @nolan
=> More informations about this toot | More toots from karlcow@mastodon.cloud
@karlcow forcément, tu caches ton jeu en parlant de grange, ce serait plus clair si tu parlais d’étable ! 😅
@notabene @ffoodd @anthony @nolan
=> More informations about this toot | More toots from nhoizey
@nhoizey Il faudrait que je cherche dans les photographies anciennes avant qu'elle soit déplacée dans la forêt. L'agriculteur utilisait une partie du rez de chaussée pour les vaches. :)
=> More informations about this toot | More toots from karlcow@mastodon.cloud
@karlcow ah, ça explique ! 😁
=> More informations about this toot | More toots from nhoizey
@nhoizey Merci Netscape qui a permis de fermer l'étable !
[#]oldskool
@karlcow @ffoodd @anthony @nolan
=> More informations about this toot | More toots from notabene@piaille.fr
@karlcow
C'est curieux que tu ne sois pas sur l'instance boitam.eu alors :)
@notabene @anthony
=> More informations about this toot | More toots from xibe@boitam.eu
@notabene J'ai découvert qu'il était francophone quand il a cité une de mes présentations : https://nolanlawson.com/2022/06/27/spas-theory-versus-practice/.
@ffoodd @nolan @karlcow
=> More informations about this toot | More toots from anthony@indieweb.social
@ffoodd Voici le rendu dans Safari 18.0.1 macOS Ventura 13.7
=> More informations about this toot | More toots from 7studio@mastodon.social
@7studio Merci ! Et crotte alors, tu n’as pas le bug — alors que la même version de Safari sur iOS l’a.
Pourquoi je teste sur Safari, déjà -_- ?
=> More informations about this toot | More toots from ffoodd
@ffoodd Ouai j'ai été très étonné en faisant le test, je m'attendais à avoir le bug aussi 😅
Tu testes car tu fais bien ton taff.
Sinon je me demande bien pourquoi tu remplaces un emoji par une "font icônes" ? Tout va bien ?
=> More informations about this toot | More toots from 7studio@mastodon.social
@7studio Dans mon cas tordu, j'ai besoin du même rendu sur tous les navigateurs et OS. Ça marche plutôt bien, si on oublie Safari en mode random 😁
=> More informations about this toot | More toots from ffoodd
@7studio Et bon, j'ai pas le temps mais il faudra faire un subset de la fonte : 1.4Mo le ttf, ça douille un peu, même après conversion en woff2.
=> More informations about this toot | More toots from ffoodd This content has been proxied by September (3851b).Proxy Information
text/gemini