3
votes

Visage souriant: détendu: les emoji ne s'affichent pas en HTML ☺

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?


0 commentaires

3 Réponses :


2
votes

Au lieu de ☺ (U + 263A), qui est non-qualifié , essayez d'utiliser ☺️ (U + 263A U + FE0F) qui est un pleinement qualifié 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.


2 commentaires

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.



0
votes

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;


6 commentaires

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



7
votes

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;


1 commentaires

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