J'essaie d'afficher des émojis pour un messager de site Web et tous les émojis s'affichent correctement à l'exception de la Emoji Visage souriant . Ce qui est plus bizarre, c'est que je travaille sur deux sites Web et dans l'un, les emoji s'affichent correctement et non sur l'autre. (c'est le même unicode) Lorsque je copie-collez cet emoji sur skype, je reçois ☺ un affichage sur l'ordinateur, mais sur mon application skype pour téléphone portable, il affiche le bon emoji afin que l'unicode soit correct à coup sûr.
Comment puis-je afficher cet emoji dans le navigateur? Cela dépend-il de certaines polices?
3 Réponses :
Au lieu de ☺ (U + 263A), qui est non-qualifié , essayez d'utiliser ☺️ (U + 263A U + FE0F) qui est un pleinement qualifié em> séquence d'emojis ( U + 263A WHITE SMILING FACE
suivi de U + FE0F VARIATION SELECTOR-16
).
Vous pouvez obtenir une liste exhaustive de toutes les séquences d’émojis qualifiés et non-qualifiés dans le emoji-test.txt fichier de données.
J'ai copié-collé votre deuxième emoji mais cela ne change rien: /
L'émoji que j'ai à l'origine s'affiche sur l'un des sites Web, il doit donc y avoir un moyen de le faire afficher également sur l'autre site Web. Il s'affiche même sur stackoverflow si vous passez la souris sur le titre de la question dans la liste de questions.
Donc, je n'ai aucune idée de pourquoi, mais définir la propriété de style de font-weight à 200 permet à l'émote de s'afficher correctement.
font-weight: 200;
Quelle police avez-vous utilisée? (Quelle police le navigateur a-t-il réellement rendu?)
'Texte de San Francisco', sans empattement
Il rendait Helvetica mais après avoir changé le poids de la police, il a commencé à rendre Apple Color Emoji
Assurez-vous d'utiliser toutes les polices appropriées lors de l'affichage des émojis. Sinon, par exemple sous Windows, ils auront l'air étrange.
Pouvez-vous me donner une liste de toutes les polices pertinentes. C'est exactement ce que je demandais dans cette question.
Je ferais probablement référence aux styles de police que emojipedia utilise dans leur boîte de copier / coller: font-weight: 400 ; famille de polices: emoji couleur pomme, emoji d'interface utilisateur segoe, emoji couleur noto, emoji android, emojisymboles, emojione mozilla, twemoji mozilla, symbole d'interface utilisateur segoe
J'ai eu le même problème et j'ai pu le faire fonctionner en définissant ce qui suit comme font-family.
famille de polices: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
Je pense que changer le poids de la police peut également être important font-weight: 400;
Étant donné que certaines valeurs dans certaines polices peuvent le faire ne pas apparaître