Polices CSS sur Android

Je suis en utilisant @font-face pour afficher la Ligue Gothique sur un site web, mais il ne s'affiche pas sur Android 1.6. Voici mon code, généré avec Police Écureuil @font-face generator

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/fonts/League_Gothic-webfont.eot');
    src: local('☺'), url('/fonts/League_Gothic-webfont.woff') format('woff'), url('/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/fonts/League_Gothic-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

font-family:'LeagueGothicRegular',Impact,Charcoal,sans-serif;

C'est pas une grosse affaire si @font-face n'est pas pris en charge (j'ai lu que @font-face soutien est allé complètement dans Android 2). Mais la Ligue Gothique est assez condensé, donc, je tiens à préciser une meilleure police de secours pour Android que la valeur par défaut sans-serif de sorte que le design n'est pas complètement briser.

Quelque chose comme ce serait parfait:
http://www.droidfonts.com/info/droid-sans-condensed-fonts/

Mais je ne trouve pas une liste définitive des polices par défaut qui est venu avec Android, et le nom que je devrais utiliser pour faire référence à eux dans le CSS.

MODIFIER
Les réponses jusqu'à présent manqué le point (ou j'ai formulé la question est mal) - ce que je suis après une liste de polices système livré avec Android. Quelque chose comme ceci pour Android.

source d'informationauteur Ben

  1. 12

    Les polices que je vois installé dans mon Android (2.2) système de fichiers:

    • Clockopia.ttf
    • DroidSans-Bold.ttf
    • DroidSans.ttf
    • DroidSansArabic.ttf
    • DroidSansFallback.ttf
    • DroidSansHebrew.ttf
    • DroidSansMono.ttf
    • DroidSansThai.ttf
    • DroidSerif-Gras.ttf
    • DroidSerif-Italic.ttf
    • DroidSerif-Italique.ttf
    • DroidSerif-Régulier.ttf
  2. 44

    J'ai eu exactement le même problème en essayant d'obtenir les polices web pour travailler sur imeveryone. A partir de maintenant, il ne semble pas être n'importe où sur l'internet que les états directement, donc je vais le faire ici:

    Le " local()' la syntaxe utilisée pour arrêter IE étouffement sur les formats de fichiers IE ne prend pas en charge aussi arrête Android à partir de chargement de polices que Android prend en charge.

    Oh chers. Mais il est facilement résolu. L'important, c'est d'ignorer le "pare-Balles" Face à la Police locale de IE solution de contournement. C'est un très joli hack, et de ne pas briser Android, mais il n', la faute à Google.

    Android prend en charge la TTF et OTF fichiers. Le syntaxe correcte pour soutenir à la fois Android et IE (et tous les autres navigateurs) heureux est comme suit.

    O 1) Vous avez besoin de deux feuilles de style pour les polices, avant toute régulier des feuilles de style:

    <link rel="stylesheet" type="text/css" href="/css/fonts.css" />
<!--[if IE]>
    <link  href="/css/styleiefonts.css}" type="text/css" charset="utf-8" />
<![endif]-->

    O 2) Dans les conditions normales de feuille de style utilisée par Android et la plupart des autres navigateurs, ne pas utiliser le hack:

    @font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/static/fonts/League_Gothic-webfont.woff') format('woff'),
        url('/static/fonts/League_Gothic-webfont.ttf') format('truetype'),
        url('/static/fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
    font-weight: normal;
    font-style: normal;
}

    O 3. Dans le IE feuille de style spécifique, continuer comme d'habitude:

    @font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/static/fonts/League_Gothic-webfont.eot');
}

    Que tout ce dont vous avez besoin pour travailler les polices web dans tous les navigateurs. Pour l'instant. Un jour, Google va corriger Android et microsoft fix IE, de sorte que cette réponse ne s'applique plus.

  3. 11

    J'ai entendu, mais je n'ai pas testé moi-même que le "Mo' Bulletproofer" méthode mise au point par Richard Fink travaux autour de toutes ces questions (IE et Android) sans la nécessité de double feuilles de style. La syntaxe est la suivante:

    @font-face{ /* for IE */
font-family:'LeagueGothicRegular';
src:url(fishy.eot);
}
@font-face { /* for non-IE */
font-family: 'LeagueGothicRegular';
src:url(http://:/) format("No-IE-404"),url('/fonts/League_Gothic-webfont.woff') format('woff'), url('/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/fonts/League_Gothic-webfont.svg#webfont') format('svg');
}

    Espérons que cette aide!