[Encodage] Caractères spéciaux et affichage sur mobile

[Patrice.H]

Bonjour,

dans le cadre d'un projet pour l'école j'ai créé un petit site web en PHP. J'ai récemment décidé d'en faire une version mobile grace au media queries et au CSS. Afin d'alléger au maximum la quantité d'informations à transférer je me suis débrouillé pour remplacer les images par des caractères UTF-8.

L'ensemble de mon site étant déjà en UTF-8 je n'ai aucun problème d'affichage sur les navigateurs d'ordinateurs standard.

En revanche lorsque j'utilise un téléphone, les-dits caractères ne s'affichent pas (j'ai le droit à un beau carré à la place). J'ai essayé un certain nombres de solutions notamment en imposant une police dont je sait qu'elle contient les caractères demandés (DejaVu Sans) mais rien n'y fait: la police est bien prise mais les caractères ne sont pas affichés.

Code :

1
2
3
4
5
6
7
8
9
10
11
 
CSS:
@font-face 
{
	font-family: "DejaVuSans";
	src: url('./fonts/DejaVuSans.ttf');
}
body
{
   font-family: DejaVuSans;
}

Les caractères dont j'ai besoin sont :

Code :

1
2
 
HTML entity: de ♈ à ♓

Merci d'avance pour vos critiques ou solutions.
Patrice

[Meloooo]

Salut,
Je viens de tester sur un iphone et je n'ai aucun carré blanc, tous s'affiche correctement.
Sinon essayes de mettre plusieurs police :

Code :

1
2
 
font-family: DejaVuSans, Verdana, sans-serif;

PS : Je n'ai jamais eu une aussi bonne horoscope (un horoscope ? une horoscope ?)

[Patrice.H]

Bizarre. Normalement, seul le caractère "@" du menu s'affiche. Du moins depuis les terminaux Androïd que j'ai pu essayer, je n'ai pas d'iPhone.

Pour le CSS, je viens d'essayer sans meilleur résultat sous Androïd...

Tant mieux pour ton (et pas "ta") horoscope

[Bisûnûrs]

Avec un HTC Tattoo sur Android 1.6, je n'ai aucun problème de caractères.

[Patrice.H]

Mon problème se précise. En fait le bug n'est effectif que sur un terminal Motorola Defy avec le navigateur d'origine.

Le bug est reproductible avec iPhone 4, HTC Sense, HTC Desire si l'on utilise Opera ou Opera Mobile... Je vais peut être m'orienter vers la communauté Opera pour mes renseignements.

[polymorphisme]

Boujour,

en effet, lorsque l'on a besoin de caractères "spéciaux" il ne suffit pas qu'ils soient défini dans une police donnée, il faut aussi que le terminal dispose de cette police.

[thelvin]

Envoyé par polymorphisme

en effet, lorsque l'on a besoin de caractères "spéciaux" il ne suffit pas qu'ils soient défini dans une police donnée, il faut aussi que le terminal dispose de cette police.

En même temps, il utilise @font-face

[polymorphisme]

Bonjour,

en effet oui, mais où j'étais parti !

Cela voudrais dire que ce téléphone ne prends pas en charge @font-face ?

[Patrice.H]

Test un peu plus poussé:

• Motorola defy+OperaMobile: FAIL
• Motorola defy+Opera: FAIL
• Motorola defy+Navigateur par défaut: FAIL
• Motorola defy+Firefox: OK
• HTC SENSE+Opera: FAIL

J'ai été vérifier ici et là pour la prise en charge de @font-face, et il devrait fonctionner partout. Le mystère reste complet.