web-dev-qa-db-ja.com

CSSで「Arial Rounded MT Bold）」を使用できますか？

Cssで "Arial Rounded MT Bold"を使用できますか？

font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;

私が置いたときに何も変わっていません：

font-family:Arial, Helvetica, sans-serif;
htmlcssfontsfont-face
16
faressoft

Google Fontsには、Vernon AdamsによるNunitoがあります。

http://www.google.com/webfonts/family?family=Nunito

素敵で丸みがあります。彼らがグリッチで何を使っているかを思い出させます。

26
Kent Brewster

OPからの詳細な情報なしで知るのは難しいですが、Firefoxのハードウェアアクセラレーション機能によって引き起こされるこれらの同じ症状を見てきました。 フォントレンダリング でいくつかの問題を引き起こすことが知られています。私が観察した1つは、クライアントマシンに存在しているにもかかわらず、非標準のフォント（ "Arial MT Rounded Bold"など）をレンダリングできないことです。

たとえば、このページ...

<html>
<head>
    <style type="text/css">
        body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
    </style>
</head>
<body>
    This can be really annoying.
</body>
</html>

IEで表示すると、ChromeまたはハードウェアアクセラレーションをオフにしたFFは、次のようにフォントが正しく表示されます...

FF 10 with hardware acceleration turned off

しかし、ハードウェアアクセラレーションを有効にしてFFで表示すると、ブラウザは指定されたフォントを「見つける」ことができないため、次のようにデフォルトで別のフォントになります...

FF 10 with hardware acceleration turned on

バージョン4以降、FFのこの「機能」に問題がありました。

おそらく最良の解決策は、異なる（標準）フォントを使用するか、（ケントが示唆するように）すべての最新のブラウザーで機能する同様のWebフォントを見つけることです。または、多くのフォントの問題と同様に、フォールバックとして使用するフォントファミリーのリストを提供することで、問題を軽減できます。

6
Molomby

2011年にここで提案された代替のGoogleフォントを見たことがありますが、これはかなり一致していますが、Arial Rounded MT Bold 。

まだ別の方法を探している人にとっては、これがより良い組み合わせだと思います。ジョープリンスによるヴァレララウンドと呼ばれています。

より正確に一致させるために、font-weight: bold;にも設定します。

6
rtpHarry

ブラウザ間の互換性が良好なカスタムフォントを使用するには、 FontSquirrel をご覧ください。それらは、適切なCSSを生成して、カスタムフォントをブラウザ間で機能させます。丸められたMT太字またはその他の必要なもの:-)についてサイトを見てください。さらにフォントが必要な場合は、 http：//www.fontex .org /

2
Bojangles

LinuxにはデフォルトでArialが付属していないため、ユーザーのコンピューターにフォントが存在することに依存してはいけないことに注意してください。代わりに、ファイルをダウンロードし（ライセンス許可）、サイトでホストし、@ font-faceを使用してリンクします。

0
Antony

Google Fonts も可能です。さまざまなフォントがたくさんありますが、Arial Rounded MT Bold。

クライアントコンピュータにインストールされているフォントのみを使用できます。したがって、フォントがインストールされていない場合、css font-familyでそれらに言及するだけでは機能しません。このため、Google Fontsなどが機能を提供します...したがって、ほぼすべてのコンピューターにインストールされている「Times」、「Arial」、または「Verdana」ではないフォントを使用するたびに、rawの代替案を検討する必要がありますCSS

0
strauberry

システムの互換性のために表示されない場合があります。互換性については、CSSフォントスタックのArial Rounded MT Boldをチェックしてください。Windowsでは59.53％、Macでは95.14％です。 https ：//www.cssfontstack.com/Arial-Rounded-MT-Bold

0
Brianna Hayley

フォントスタックを変更したときに（ローカルブラウザのWebページのレンダリングで）何も変更されなかった場合、実際にはArial MT Rounded Boldがコンピュータにインストールされていない可能性があります。これをテストする1つの方法は、Firebugを使用して、見出し（またはフォントが適用されているものすべて）の「要素を検査」し、右側のFirebugペインでfont-familyリストを編集することです（通常、名前付きフォントを見つけ、その名前にスペースを追加します。これにより、適切なフォントへの呼び出しが「中断」され、ブラウザはスタック内の次のフォントに移動します。）

その他のオプションには、GoogleのWebフォントNunito（Kent Brewsterが数分前に推奨）を使用するか、独自のサーバーにfont-faceフォントを設定し、丸められたフォント（RockoFLF Bold、FF Din Rounded、Nunito、 Arial MT Rounded Boldはすべてオプションです）（技術的には、Kentのコメントによると、グリッチはRockoFLFを使用しており、Arial MT Rounded Boldがスタック。少なくとも、数か月前に私が最後にコードを調べたとき、それは彼らがやっていたことでした... ...ああ...もう一度チェックしたところ、Arialが削除されましたMTスタックから丸められた太字。フォントフェースが埋め込まれたRockoFLFを呼び出しています。）

とにかく、ケントブリュースターが述べたように、ユーザーのコンピューター（または自分のコンピューター）にあるかどうかが不明な場合は、Google Web Fontsの「Nunito」を使用するのが最善の策だと思います。

0
charliepark