4

個人の Web サイトでモノスペースでコードをレンダリングしようとしています。次の CSS スタイルは、デスクトップ ブラウザー (および Android 版 Firefox) では問題なく動作しますが、Android 版 Chrome では失敗します。

.code {
    font-family:Consolas,"Courier New","Liberation Mono",monospace;
    background-color:#F0F0F0;
}

Droid Sans Mono を追加しても解決しない場合:

.code {
    font-family:"Droid Sans Mono",Consolas,"Courier New","Liberation Mono",monospace;
    background-color:#F0F0F0;
}

単純font-family:monospaceに Chrome for Android では正しく動作しますが、そうすると、デスクトップ オペレーティング システムで特定のフォントを使用できなくなります。

他のプラットフォームで特定のフォントを使用する機能を失わずに、Android で等幅フォントを使用してコードを表示するにはどうすればよいですか? この質問への回答で示唆されているように、カスタム フォントを使用したくありません。システムが提供する等幅フォントを使用したいだけです。

参考までに、スタイルファイルはこちらです。

4

3 に答える 3

0

Chrome は、そのように名前を指定して Droid Sans Mono にアクセスすることはできません。monospaced は、既に Droid Sans Mono フォントに直接マップされています。

于 2013-09-27T15:47:07.520 に答える