フォント Helvetica を web-safe フォント、つまり、どのデバイスからでもアクセスできる CSS に設定する信頼できるソースですか?
コメント
- これはUXの質問ですか? ' GraphicDesign.StackExchange または同様のものにすべきですか?
回答
Helveticaは安全ではないだけでなく、著作権で保護されたフォントなので、ウェブフォントとしてロードする場合は、使用するためのライセンスが必要です。
実際のところ、 100%安全なWebフォントはありませんユーザーがデバイスに使用しているフォント、およびオペレーティングシステムごとに異なるフォントセットがあります。したがって、次のような操作を行う必要があります。
p{font-family:Arial, Helvetica, sans-serif}
それ以外の場合、サイトはユーザーが設定したデフォルトのフォントで視覚化されます。たとえば、 Times New Roman 。
安全にプレイしたい場合は、この非常に気の利いたリソース CSSフォントスタックをお勧めします。ここでは、「より安全な」フォント、OSによる使用率、さらにはフォールバックの代替案を含む使用するコードを確認できます
コメント
- 申し訳ありませんが、UXはランダム性ではなく、制御に関するものです。 時々もっと好きかもしれませんが、あなたが言うようにそれは純粋に主観的であり、確かに推奨するものではありません
- @Devin私は同意します。 Cssでフォントについて言及している間は、p {font-family:Helvetica、Arial、sans-serif}として変更する必要があります。利害関係者がこのフォントを好む場合は、プライマリフォントを最初に指定し、次にArial nsansarifなどのシステムフォントを追加する必要があります。
- 著作権とウェブフォントの読み込みに関するすべてのコメントはなぜですか?質問は、(定義上)エンドユーザーのデバイスにすでに存在するWebセーフフォントについて尋ねます。この質問は、Webフォントをロードしたくないことを表しています。
- CSSフォントスタックは優れていますが、デスクトップWindowsおよびOSXにインストールされているフォントのみが表示されます。
- WindowsのHelveticaに関するいくつかの良い読み物。 リンク
回答
前述のとおり安全なWebフォントのようなものはありません。ただし、 @ font-face を使用して、不足しているフォントをサーバーから読み込む方法があります。 @ font-faceはCSS2で最初に導入され、フォールバックファイルタイプを含み、広くサポートされています。これは100%の解決策ではありませんが、マシンのフォントの選択に依存するよりも有望です。
まず、ファイルを通常の静的ホストファイルとしてサーバーに配置します。 Webサーバーのmimeタイプを構成して、ファイルを適切に処理し、代わりにクライアントに手動でダウンロードさせないようにする必要がある場合があります。
次に、次のようなコードをスタイルシートに実装します。以下。これらは可能な形式のほんの一部であることに注意してください。それらすべてを使用する必要はありません。ただし、リソースの不足による不要な遅延を回避するためにファイルへの参照を削除しない場合。
@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ }
その後、フォントをに割り当てます。素子。 Helveticaのバージョンを使用したい場合は、次のようなものを使用してください。
font-family: "MyWebFont", Helvetica, sans-serif;
font-faceを読み込めない場合は、マシンを使用しようとします。 “s Helveticaで、失敗した場合はsans-serifの読み込みを試みます。さらに、フォントとマシンフォントを入れ替えることができます。ただし、スタイルシートを読み込むとフォントが読み込まれるため、帯域幅を節約できません。
最後になりましたが、最も重要なのは、Helveticaはフリーフォントではありません。使用するにはライセンスを購入する必要があります。 Linotypeは、必要なWebフォントとライセンスをWebサイトから販売します。価格はページビューに基づいています。ただし、購入後は、ウェブページやウェブアプリに埋め込むことは完全に合法です。
回答
任意のデバイスでアクセス可能
「任意のデバイスで使用可能」などは実際にはありません。
埋め込みフォントを使用していない場合は、フォントスタックを使用する必要があるため、最初のフォントが使用できない場合に備えて、いくつかのバックアップオプションがあります。
回答
HelveticaはWindowsのデフォルトのフォントセットの一部ではないため、Windowsユーザーには別のセカンダリフォントが表示される可能性があります。それが気にならない場合は、Helveticaを使用してください。
コメント
- ArialフォントはすべてのバージョンのWindowsで標準です(v3以降)。1)基本的に同じレイアウト特性を持っています。 したがって、ArialをHelveticaのフォールバックとして使用すると、実質的に同じルックアンドフィールが得られます(違いを知っていて気にかけているフォント愛好家には謝罪します)。 en.wikipedia.org/wiki/Arial
- OSはWindowsだけではありません。'他のすべての人のことを忘れないでください。 他の人はArialを持っていないかもしれません。
- たとえば、多くのLinuxディストリビューションではArialはデフォルトではありません。
を参照してください。