À l'aide de CSS font-family pour sélectionner Droid polices ne fonctionne pas sur Android

J'ai découvert que le code HTML suivant ne fonctionne pas sur Android (il va seulement utiliser la police par défaut: Droid Sans. Sur le bureau, il fonctionne comme prévu.

<p style='font-family: "Droid Sans",sans-serif;'>vând whisky și tequila, preț fix.</p>
<p style='font-family: "Droid Sans Mono",monospace;'>vând whisky și tequila, preț fix.</p>
<p style='font-family: "Droid Serif",serif;'>vând whisky și tequila, preț fix.</p>
InformationsquelleAutor sorin | 2011-02-22
  1. 1

    Vous n'avez probablement pas un @font-face déclaration pour les autres polices dans votre css. J'imagine que vous avez seulement un pour Droid Sans. Vous avez besoin d'un pour chaque caractère. Par exemple, dans votre css, vous devez avoir:

    @font-face {
    font-family: 'DroidSans';
    src: url('font/DroidSans-webfont.eot?') format('eot'),
         url('font/DroidSans-webfont.woff') format('woff'),
         url('font/DroidSans-webfont.ttf') format('truetype'),
         url('font/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansMono';
    src: url('font/DroidSans-Mono-webfont.eot?') format('eot'),
         url('font/DroidSans-Mono-webfont.woff') format('woff'),
         url('font/DroidSans-Mono-webfont.ttf') format('truetype'),
         url('font/DroidSans-Mono-webfont.svg#webfontSOhoM6aS') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerif';
    src: url('font/DroidSerif-webfont.eot?') format('eot'),
         url('font/DroidSerif-webfont.woff') format('woff'),
         url('font/DroidSerif-webfont.ttf') format('truetype'),
         url('font/DroidSerif-webfont.svg#webfontw7zqO19G') format('svg');
    font-weight: normal;
    font-style: normal;

}

    Et puis dans votre code, votre police de caractères de la famille devraient être les mêmes que ceux que vous avez déclaré dans le css ci-dessus (i.e. font-family: 'Droid Sans'; est pas la même chose que font-family: 'DroidSans')

    <p style='font-family: "DroidSans",sans-serif;'>vând whisky și tequila, preț fix.</p>
<p style='font-family: "DroidSansMono",monospace;'>vând whisky și tequila, preț fix.</p>
<p style='font-family: "DroidSerif",serif;'>vând whisky și tequila, preț fix.</p>

    L'essayer et voir comment vous vous y prenez.

    • Par ailleurs, vous aurez également besoin de vous assurer que vous avez les bonnes polices dans le fichier css. Dans l'exemple ci-dessus, tous les fichiers de police doit être dans un sous-répertoire de la css appelé 'polices'.
    • Je ne suis pas en train d'utiliser des polices personnalisées, seulement celles qui sont fournies par le navigateur.
    • le Android balise n'est pas là à cause de la polices 😉
    InformationsquelleAutor tadywankenobi
  2. 1

    Il semble que Android ne reconnaît que les noms de famille définies dans system_fonts.xml (fonts.xml à pain d'épices). E. g. pour obtenir Droid Serif vous êtes supposés pouvoir écrire le générique serif. Voir cette réponse pour plus de détails.

    Oh, et il ya un caprice 'Droid Sans': qu'un nom est dans la config depuis la 4.0 mais le .ttf est un lien symbolique vers Roboto.

    <la spéculation> je peux voir comment tôt dans Android la vie de quelqu'un a dit "nous allons avoir trois polices donc c'est mieux si les développeurs utilisent uniquement des noms génériques, de cette façon, on peut toujours les remplacer" </spéculation>

    Mais c'est malheureux. Il y a beaucoup de raisons pour lesquelles l'effectif de la police, vous aurez peut-être différent:

    • Avant 4.0, vous obtenez le Droid de la famille, après que vous obtenez le Roboto famille.
    • Firefox est le regroupement de l'Ouvrir Sans et Charis SIL et les utilise à la place.
    • Les fabricants peuvent remplacer les 3 polices de caractères avec leur propre. EDIT: je ne trouve pas de confirmation de ce qui se passe réellement.

    Dans toutes ces situations, il serait bien si je pouvais référence à une police spécifique par nom réel dans ma pile de polices. Hélas, je ne peux pas.

    InformationsquelleAutor Beni Cherniavsky-Paskin