html - Web 上のフォント

Question

Web 開発者が利用できるフォントのコレクションは、憂鬱なほど限られています。ウェブサイトと一緒にフォントを配布する方法として、TrueDoc についてずっと前に読んだことを覚えていますが、衰退しているようです。誰かがこれを使用したことがありますか、または同様のものを使用しましたか? 十分なブラウザでサポートされていますか? 良い解決策がありませんか？

責任ある Web 開発者は、Windows でのみ利用可能なフォント (特にVista でのみ利用可能なフォント) を使用したり、少なくとも大部分のブラウザーでサポートされていない技術を使用したりしないことに注意してください。

更新:何人かが指摘しているように、あなたが使用している特定のフォントを持っていない人のために代替フォントのリストを提供することに何の問題もありません。実際、私は常にこれを行っており、これが間違っていると示唆するつもりはありません。

私の質問の言い回しは悪かったのですが、私が言いたかったのは、デザイナーはクライアントが何を利用できるかについてあまり多くの仮定を立てるべきではないということです。自分の好みの設定を使用しているユーザーだけでなく、すべてのユーザーがサイトをどのように見るかを計画する必要があります。

score 20 · Accepted Answer

Safari, and to a lesser extent, Firefox 3 have support for @font-face in CSS, which lets you use custom fonts. You need to have the appropriate licence to distribute the font files though. These articles explain it in more detail:

score 11 · Accepted Answer

これはタイムリーなスレッドです。Calibri は他のすべてのフォールバックフォントに比べて非常に小さいため、Arial に切り替えました。(ギャグ) Arial は Helvetica のがらくたコピーなので、これに切り替えるのは非常に苦痛でした。

http://www.ms-studio.com/articles.html

サイジングの問題 (「c」フォントを標準として使用すると大きすぎ、通常のフォントを使用すると小さすぎる) について詳しく説明します。

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Calibri の手で調整された美しい RGB エイリアシングが恋しいですが、Calibri のインストールを要求せずに、ほとんどのユーザーに優れたエクスペリエンスを提供することは不可能でした. Office 2007 (Win/Mac) やもちろん Vista に付属しているため、かなり一般的ですが、普遍的なものとはほど遠いため、グローバルな Web オーディエンスに大きく依存するのは少し無責任です。

score 3 · Accepted Answer

もちろん、SIFRを使用できます。

これは、それをサポートしていないブラウザーでは正常に低下し、アクセス可能です。

大量のテキストで使用するのにはあまり適していませんが、見出しやハイライトテキストには最適です。

もちろん、これは現時点ではブラウザーと Web の本質的な制限に対する回避策ですが、大部分の Web テクノロジと手法がこれに該当しなかったのはいつのことでしたか。

score 3 · Accepted Answer

3

于 2011-12-31T23:28:22.520 に答える

score 2 · Accepted Answer

責任ある Web 開発者は、Windows でのみ利用可能なフォント (特に Vista でのみ利用可能なフォント) を使用したり、少なくとも大部分のブラウザーでサポートされていない技術を使用したりしないことに注意してください。

Windows/Vista 固有のフォントを使用しても、広く利用可能なフォントに適切に劣化させることはできません。例えば：

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

実際、それがポイントです！

score 1 · Accepted Answer

責任あるWeb開発者は、Windowsでのみ使用可能なフォント（特にVistaでのみ使用可能なフォント）を使用したり、少なくとも大多数のブラウザーでサポートされていないテクノロジを使用したりしないことに注意してください。

これはかなりポイントが欠けていると思います。あなたがそうしたかどうかは関係ありません。誰もが簡単に読める感覚的なものを手に入れることができます。フォントはテキストであり、すべての主要なブラウザでサイトデザイナーの好みに関係なく表示されるフォントをカスタマイズできるため、フォントを好きなように変更できます。

一部のユーザーが持っていないCSSのフォントを提案することについては何も壊れていません。彼らはあなたとは違う何かを見ているだけです。違いは壊れていません。彼らは、他の人が何か違うものを見ていることを知らないので、なぜあなたがデフォルトのフォントを使用しているのか不思議に思うことさえありません。

これがフォントセットの要点です。

Verdana, Arial, Helvetica, sans-serif

人々がさまざまなものを見ることを認めているからこそ、それは良い習慣です。

これも良い習慣です：

Gill Sans, Verdana, Arial, Helvetica, sans-serif

だからほとんどの人はギルを持っていません–誰が気にしますか？彼らは関係なく完全に良いサイトを取得します。

そして、これも問題ありませんが、少し奇妙で怠惰です：

Gill Sans

無責任なWebデザインとは、代替テキストを使用せずにテキストを画像として設定したり、フォントセットで興味深いフォントを使用したりしないことです。

score 1 · Accepted Answer

CSS2 offers:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

score 1 · Accepted Answer

IE がサポートしています@font-face(MS Word の独自技術として始まりました)。これは、ちょうど約 1 か月前の IE チームのブログ投稿です。

score 0 · Accepted Answer

Note that a responsible web developer does not use fonts that are only available on Windows (and especially ones that are only available on Vista), nor do they use a technology that isn't supported by at least the majority of browsers.

Well… You can, as long as you know how it will render on non-Vista/non-Windows OS.

Otherwise: yep, @font-face in CSS2 is the best standard alternative, even if it is not widely supported.

score 0 · Accepted Answer

Web ページでフォントを送信する方法は、何らかのセキュリティリスクをもたらすと思います。クライアントが必要なフォントを持っていない場合に、テキストを動的に画像または何らかのフラッシュ表示に置き換える方法について聞いたことがあります。私が今見つけることができるこのような唯一のものはAListApartにありますが、すでに冗長になっている可能性があります。この方法では、css、画像、および JavaScript が機能する必要があり、ブラウザー間で実装するのは困難な場合があります。

html - Web 上のフォント

10 に答える 10

Related

Reference