web-dev-qa-db-ja.com

CSSでHelveticaを使用する必要がある

ウェブサイトでHelveticaフォントを使用するのに、技術的、法的、アクセシビリティの面で最も適切なフォント置換技術は何ですか？これまで、sifrをフォントの置換方法として使用していましたが、Helveticaの場合は、サーバーにフォントをアップロードする必要があり、ダウンロードできるようになるため、法的問題が生じます。その問題を回避できる方法はありますか？

cssfonts
5
Jane

Webページへの埋め込み専用のWebフォントを購入できるフォント販売業者がオンラインで多数あります。 Helveticaは、おそらくこれらのストアの少なくとも1つから入手できます（Veer、MyFonts、FontFont、Linotype、Fonts.comなどのほとんどの主要なフォントストアは、現在Webフォントを提供しています）。これらのWebフォントプロバイダーの多くは、フォントをホストするWebフォントサービスを提供します。また、定額のサブスクリプション料金で多数のフォントから選択することもできます。 Typekitは、これらのサービスの中で最も人気があります。

いずれにせよ、これらのフォントプロバイダーはすべて、CSSを生成し、おそらく目的に適したWebフォントを持っています。

Web専用のフォントの購入やWebフォントサービスの購読にお金をかけたくない場合、オプションは FontSquirrel 、 Google Web Fonts に制限されます。および League of Movable Type 。これらは、ウェブ上で無料で使用できるようにライセンスされているオープンソースまたはフリーウェアのフォントです。また、一部のオープンソースのデスクトップフォントは、ライセンス条件に応じて、 FontSquirrel変換ツール を使用してWebフォント形式に変換することもできます。

5
Lèse majesté

Helveticaの場合は、CSSでfont-familyを次のように指定するだけです。

body{
   font-family: Helvetica, Arial, sans-serif;
}

これは、「利用可能な場合はHelveticaを、利用できない場合はArialを、どちらもインストールされていない場合はシステムのデフォルトのsans-serifフォントを使用する」と言います。 Helveticaは100％のMacおよびiOSデバイスにインストールされます[ source ]。他の2つは残りをカバーし、ArialはHelveticaにかなり似ています： ilovetypographyでのこの比較 を参照してください。

完全なクロスプラットフォームHelveticaサポートが重要な場合は、フォントホスティングサービスを使用できます。 Helveticaは fonts.com webfonts service から入手できます。これを使用するには、 サブスクリプション が必要です。これは、現在月額$ 10から始まります。

13
Nick

helveticaのライセンスを取得しない場合は、非常に深いフォントスタックを使用することをお勧めします。私は実際に自分の「Faux Helvetica」スタックを使用してきましたが、クロスブラウザ/プラットフォーム機能のレベルに満足しています。 meetOO でライブ表示できます。

独自の構築方法に関する詳細な情報については、チェックアウトしてください

3
albert