Caractères unicode non acceptés par les CSS ou le tag couleur

Version imprimable

09/06/2023, 10h18
clavier12AZQSWX

Caractères unicode non acceptés par les CSS ou le tag couleur
bonjour,

je souhaite ajouter des caractères ⬛ colorés mais ils restent noirs.
j'ai tenté 2 méthodes, l'une par TAG, l'autre par CSS :
Code:

1 2 ⬛ ⬛
et à chaque fois, le caractère carré reste de couleur noire au lieu d'être rouge. pourquoi ?
Pourtant quand je remplace ⬛ par XXX , la couleur est bien là !
Code:

1 2 XXX XXX
est-ce un bug navigateur ou OS ? je suis sous FF Win10 x64

Merci d'avance pour votre réponse et suggestion.
09/06/2023, 10h35
clavier12AZQSWX

par dépit, en attendant j'ai remplacé mon carré unicode par 3 espaces insécables.

Code:

   
09/06/2023, 10h48
Doksuri

developer.mozilla.org/fr/docs/Web/HTML/Element/font le tag est obsolete
09/06/2023, 11h06
clavier12AZQSWX

oui je sais qu'il est obsolète mais reste fonctionnel sous FF.
et j'ai testé aussi le span style au cas où... mais sans effet l non plus sur l'unicode.

ps: dommage qu'il n'existe pas des short-tags <red></red> ou <FF0000></FF0000> ce serait plus parlant sinon sémantique :mouarf:
09/06/2023, 11h28
Doksuri

donc tu preconises la creation de 65000 balises pour chaque couleure hexa et *2 pour la version "texte"
et quid des autres types de couleures ? rgb, hsl, hwb...
10/06/2023, 15h37
CosmoKnacki

Le caractère que tu cherches à coloriser est U+2B1B BLACK LARGE SQUARE. Comme son nom l'indique, il est noir et le restera quelque soit la couleur que tu donnes au texte (de la même manière qu'un emoticon dont tu ne peux pas controler la couleur non plus).
11/06/2023, 17h51
thelvin

On notera qu'Unicode fournit des moyens de dé-émojiser les caractères émoji pour qu'ils s'affichent en monochrome comme les caractères non-émoji. (Et aussi un moyen d'émojiser les caractères qui ne sont pas des émojis, genre les lettres de l'alphabet.)

Mais bon forcément il faut aussi avoir des fontes qui gèrent qu'on fasse ça.

Un smiley normal : 😃

Un smiley dé-émojisé : 😃︎

Le gros carré noir : ⬛

Le gros carré noir dé-émojisé : ■︎

Chez moi, le gros carré noir dé-émojisé s'affiche comme le caractère carré noir normal ■ et il est nettement moins gros. Pourtant les codes utilisés dénotent des caractères différents. C'est le rendu choisi quand on prend un caractère et qu'on demande un rendu différent.

Remarque qui n'aide donc pas au problème mais qui vise une description pas trop tronquée de ce que sont les émojis dans Unicode.
11/06/2023, 18h50
CosmoKnacki

Citation:

Envoyé par thelvin

On notera qu'Unicode fournit des moyens de dé-émojiser les caractères émoji pour qu'ils s'affichent en monochrome comme les caractères non-émoji. (Et aussi un moyen d'émojiser les caractères qui ne sont pas des émojis, genre les lettres de l'alphabet.)

Super! Je cherchais justement un truc du genre hier mais je n'avais trouvé que des variations de teinte de peau pour des personnages et les parties du corps (et aussi comment transformer un grizzly en ours polaire).

Donc en regardant le code source de cette page, le point de code permettant de "démojitiser" est: U+FE0E VARIATION SELECTOR-15, ce qui donne donc:

Code:

⬛︎

(chez moi aussi le carré rouge est un peu plus petit).

Le bloc des sélecteurs de variante (variation selectors).
24/07/2023, 16h31
axolotl_1
Il me semble mais peut-être je suis hors sujet que si tu mets dans ton code HTML==>
Code:

1 2 <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
...ça résout tous les problèmes
24/07/2023, 16h50
thelvin

Ah non pas du tout. Surtout qu'il utilisait des références de caractères, donc l'encodage n'a aucune importance.

(Par ailleurs, ça fait un bail qu'on peut simplement mettre: <meta charset='utf-8'> .)
25/07/2023, 09h11
clavier12AZQSWX

non , j'avais déjà mon entête avec

Code:

<meta charset="utf-8">
25/07/2023, 10h49
NoSmoking

Bonjour,

Citation:

Envoyé par axolotl_1

...ça résout tous les problèmes

non pas tous :

↪ Passez à l'UTF-8 sans manquer une étape
25/07/2023, 18h04
thelvin

Citation:

Envoyé par clavier12AZQSWX

non , j'avais déjà mon entête avec

Code:

<meta charset="utf-8">

Je répondais bien évidemment à la personne au-dessus de moi, voyons -_-°