Discussion :

[Marc_3]

Bonjour,

Je fais une demo trouvée en ligne et je commence avec visual studio code (VSC) et des emojis.
J'ai dans le fichier App.js d'un projet react le code suivant :

Pour les symboles qui ne s'affiche pas, dans le const symbols j'ai par ordre d'arrivée:
Unicorn Face
Earth Globe Europe-Africa
Sun with Face
Pear
Popcorn

Dog Face ne s'affiche pas non plus dans ma page alors qu'il apparaît dans VSC

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
const SYMBOLS = '🎉💖🎩🐶🐱🦄🐬🌍🌛🌞💫🍎🍌🍓🍐🍟🍿😂'
 
 render() {
    const won = new Date().getSeconds() % 2 === 0
    return (
      <div className="memory">
        <GuessCount guesses={0} />
        <Card card="😀" feedback="hidden" onClick={this.handleCardClick} />
        <Card card="🎉" feedback="justMatched" onClick={this.handleCardClick} />
        <Card
          card="💖"
          feedback="justMismatched"
          onClick={this.handleCardClick}
        />
        <Card card="🎩" feedback="visible" onClick={this.handleCardClick} />
        <Card card="🐶" feedback="hidden" onClick={this.handleCardClick} />
        <Card card="🐱" feedback="justMatched" onClick={this.handleCardClick} />
        {won && <p>GAGNÉ !</p>}
      </div>
    )
  }

Est-ce que quelqu'un peut me dire comment faire pour que les polices de caractères soient chargées?

Merci de votre aide

[Watilin]

Bonjour,

les emojis ne sont pas liés à une police de caractères mais à l’application qui doit les afficher. Par exemple, supposons que tu as une page qui déclare utiliser la police Arial par exemple (une police dont tu es sûr qu’elle est disponible sur ton système), et qui contient un emoji licorne. Sur une même machine, l’emoji n’aura pas forcément la même apparence sous Firefox et sous Edge, alors que la police est la même.

Il est probable que le client avec lequel tu fais tes tests ne prenne pas encore en charge les emojis que tu as listés. De quel client s’agit-il ?

… À moins qu’il ne s’agisse d’un problème avec React, mais ça me paraît improbable.