16

@font-faceLeague Gothic を Web サイトで表示するために使用していますが、Android 1.6 では表示されません。これが、 Font Squirrel の @font-face ジェネレーターで生成された私のコードです。

@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;

サポートされていなくても大したことではありません (サポートが Android 2 で完全になくなった@font-faceことを読みました)。@font-faceしかし、League Gothic は非常に凝縮されているため、Android 用にデフォルトのサンセリフよりも優れたフォールバック フォントを指定して、デザインが完全に壊れないようにしたいと考えています。

このようなものは完璧でしょう: http://www.droidfonts.com/info/droid-sans-condensed-fonts/

しかし、Android に付属している既定のフォントの決定的なリストと、CSS でそれらを参照するために使用する名前を見つけることができません。

編集 これまでの回答は要点を逃しました（または、質問の言い方が悪い）-私が求めているのは、Androidに同梱されているシステムフォントのリストです。Androidの場合、このようなもの。

4

3 に答える 3

44

ウェブフォントをimeveryoneで動作させようとして、まったく同じ問題が発生しました。今のところ、これを直接述べているインターネット上のどこにもないように思われるので、ここに書きます：

IE がサポートしていないファイル形式で IE のチョークを停止するために使用される「local()」構文は、Android がサポートしているフォントの読み込みも停止します。

まあ。しかし、それは簡単に修正できます。重要なことは、'Bulletproof Font Face' ローカル IE 回避策を無視することです。これは巧妙なハックであり、Android を破壊するべきではありませんが、Google のせいです。

Android は TTF ファイルと OTFファイルをサポートしています。Android と IE (および他のすべてのブラウザー)の両方をサポートする適切な構文は次のとおりです。

O 1) 通常のスタイル シートの前に、フォント用に 2 つの個別のスタイル シートが必要です。

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

O 2) Android や他のほとんどのブラウザーで使用される通常のスタイル シートでは、ローカル ハックを使用しないでください。

@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. IE 固有のスタイル シートで、通常どおり続行します。

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

これだけで、すべてのブラウザーで Web フォントを機能させることができます。今のところ。いつか Google が Android を修正し、MS が IE を修正するため、この回答は適用されなくなります。

于 2010-12-23T16:11:54.563 に答える
12

Android (2.2) システム ファイルにインストールされているフォントは次のとおりです。

  • クロックピア.ttf
  • DroidSans-Bold.ttf
  • DroidSans.ttf
  • DroidSansArabic.ttf
  • DroidSansFallback.ttf
  • DroidSansHebrew.ttf
  • DroidSansMono.ttf
  • DroidSansThai.ttf
  • DroidSerif-Bold.ttf
  • DroidSerif-BoldItalic.ttf
  • DroidSerif-Italic.ttf
  • DroidSerif-Regular.ttf
于 2011-05-16T00:54:17.763 に答える
11

Richard Fink によって開発された"Mo' Bulletproofer"メソッドが、二重のスタイルシートを必要とせずにこれらすべての問題 (IE および Android) を回避できると聞いたことがありますが、自分自身でテストしていません。構文は次のとおりです。

@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');
}

お役に立てれば！

于 2011-01-07T13:14:44.530 に答える