web-dev-qa-db-ja.com

デフォルトのフォント設定Android

ほとんどのAndroidデバイス、特にWebページ用のバンドルされているフォントは何ですか?

Windowsにバンドルされているフォント または Macフォントリスト と同様に、ほとんどのAndroid携帯電話とタブレットに付属するフォントは何ですか?ウェブ上のリストをポイントしますか?

私はWebページを作成しているので、CSSを設定して、新しいフォントを使用することから、従来の「sans-serif」および「serif」フォントファミリに優雅に低下させたいと思っています。 THX。

30
Amy

Grstmo's answer の展開:

system_fonts.xml は、font-familyから実際のフォントファイルへのマッピングを定義します。これらを試してみましょう。

_<div style="font-family: sans-serif; font-style: normal">Regular</div>
<div style="font-family: sans-serif; font-style: italic">Italic</div>
<div style="font-family: sans-serif; font-weight: bold">Bold</div>
<div style="font-family: sans-serif; font-weight: bold; font-style: italic">Bold-italic</div>

<div style="font-family: sans-serif-light; font-style: normal">Light</div>
<div style="font-family: sans-serif-light; font-style: italic">Light-italic</div>

<div style="font-family: sans-serif-thin; font-style: normal">Thin</div>
<div style="font-family: sans-serif-thin; font-style: italic">Thin-italic</div>

<div style="font-family: sans-serif-condensed; font-style: normal">Condensed regular</div>
<div style="font-family: sans-serif-condensed; font-style: italic">Condensed italic</div>
<div style="font-family: sans-serif-condensed; font-weight: bold">Condensed bold</div>
<div style="font-family: sans-serif-condensed; font-weight: bold; font-style: italic">Condensed bold-italic</div>

<div style="font-family: serif; font-style: normal">Serif Regular</div>
<div style="font-family: serif; font-style: italic">Serif Italic</div>
<div style="font-family: serif; font-weight: bold">Serif Bold</div>
<div style="font-family: serif; font-weight: bold; font-style: italic">Serif Bold-italic</div>

<!-- "Droid Sans" actually gives you Roboto. -->
<div style="font-family: &quot;Droid Sans&quot;; font-style: normal">Droid Sans Regular</div>
<div style="font-family: &quot;Droid Sans&quot;; font-weight: bold">Droid Sans Bold</div>

<div style="font-family: monospace; font-style: normal">Monospace Regular</div>
_

http://jsfiddle.net/9z3tD/4/ => screenshot on 4.2 (Android 4.2でテスト済み)

編集:スクリーンショットの「Droid Sans」は明らかにRobotoです。構成はそれをサポートしますが、 基礎となるファイルはsimlinkですDroidSans.ttf -> Roboto-Regular.ttf_、_DroidSans-Bold.ttf -> Roboto-Bold.ttf_

編集:姓を引用するかどうかは関係ないようです( http://jsfiddle.net/9z3tD/9/ は同じものをレンダリングします)。 CSSは、serifのような汎用キーワードと引用符で囲まれた_"serif"_を区別します。これは、名前が「serif」であるフォントを参照します。しかし、xml configは区別しないため、AndroidのI推測のいずれかの構文は、名前が「serif」であるフォントを参照します。ただし、カスタムWebViewを作成し、一般的なキーワードを他のフォント( setSerifFontFamily() および友人)にマッピングするように構成すると、に違いが生じる場合があります。

次に、 fallback_fonts.xml があります。これらには名前がありません。例えば_font-family: "Droid Sans Fallback"_とは言えません。
しかし、それらはすべて、他のフォントのすべての欠落グリフに対して試行されることが想定されています。おそらく_font-variant_の_"elegant"_または_"compact"_を使用して、テキスト_lang="ja"_を設定することでサブセットを選択することもできますか?
ただし、Droid Sans Fallbackがまったく使用されていないため、WebKitではフォールバックが機能しない可能性があります:-(


免責事項:上記は、ストックブラウザーやChromeを使用するストックAndroidに適用されます。 IbelieveこれはWebView(デフォルトの設定)にも適用されますが、テストされていません。

理論上、メーカーは他のフォントを使用する場合があります。サムスンがやるという噂を聞いた。実際には BrowserStackが持っていたすべてのAndroidデバイスのスクリーンショット すべて—サムスンを含めて–訓練されていない目でRobotoまたはDroidを見てください。違いはAndroidリリースだけです... Galaxy S3はGeorgiaからserifへのエイリアシングを行わずにキャッチしました ですので、何かが異なります。

Firefoxは、ブラウザが別の方法でそれを行う良い例です。彼らは Open Sans and Charis SIL Compact に切り替えてから Open SansをClear Sansに置き換えました
完全な設定は libpref/init/all.js にあり、言語に依存します。
私が知る限り、Firefoxはsystem_fonts.xmlのエイリアスを無視します。 Georgiaはsansフォントになります。
OTOH、古いバージョン(30、34でテスト済み) システムフォントを名前で参照することも、Droid Sans Fallbackを参照することもできました が、この FF 36、37では動作しません (これら2つの結果は http://codepen.io/cben/pen/VYgPEE に対するものです。AdobeBlankを使用すると、文字が表示されたときにそのフォントが使用されたことになります)。


アプリで利用可能なフォントについては、 関連する回答 もご覧ください。

これはここで回答されています: アンドロイドで利用可能/インストール済みフォントのリストを取得する方法は? Androidの一部として利用できるフォントは3つのみです;通常(Droid Sans)、セリフ(Droid Serif)、およびモノスペース(Droid Sans Mono)。

3
David

Android 4.1から、例えばこれを使用できます:

フォントファミリー:sans-serif-light;

3
Grsmto

http://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts/#Android

4.0以前のAndroidで指定できるフォントは3つだけです。

  • ドロイドサン
  • ドロイドセリフ
  • ドロイドサンズモノ

デフォルトのCSSに変換されると思います(つまりsans-serifserifmono

1
gcb

Post 4.0Androïdは「Roboto」フォントを使用しています。 Androïdから仕様を見つけることができます: http://developer.Android.com/design/style/typography.html

0
laurent xenard

私はしばらくの間テストされているように、3つの標準フォントがあります-WebViewのファミリータイプ:

セリフ、サンセリフ、モノスペース。私はjavaScriptでこのように読み込んでいます( http://www.w3schools.com/cssref/css_websafe_fonts.asp comonly使用の組み合わせのテーブルを配置した場所とは異なる組み合わせを試しました):

myWebView.loadUrl("javascript:document.body.style.fontFamily=\"Impact, Charcoal, sans-serif\";");

したがって、以下のコードと違いはありませんでした:

myWebView.loadUrl("javascript:document.body.style.fontFamily=\"sans-serif\";");

同じ結果が得られました。 4.2.2でテスト済み。

奇妙だが宅配便も機能し、モノスペースのように見える。

0
Penzzz