TrueType フォント任意のサイズに拡大縮小でき、常に鮮明で読みやすくなります。 これらは、Windows でサポートされている任意のプリンターまたはその他の出力デバイスに送信できます。
OpenType フォント TrueType フォントに関連していますが、通常は幅広い基本文字、特に小さい大文字、古いスタイルの数字、および追加の形状 (グリフや合字など) を使用します。 OpenType フォントは任意のサイズに拡大縮小でき、しかも鮮明で読みやすいです。 これらは、Windows でサポートされているプリンターまたはその他の出力デバイスに送信できます。
PostScript フォント緻密で高いグラフィック特性を持っています。 これらは印刷、特に書籍や雑誌の専門的な高品質印刷に使用されます。
どのフォントを選ぶか
それは多くの要因に依存します。 画面上や紙上で読みやすいフォントが必要な場合は、選択することをお勧めします。 TrueType フォント.
言語記号とタイポグラフィを使用するために大量の文字セットが必要な場合は、次を使用する必要があります。 OpenType フォント.
専門的な出版物 (光沢のある雑誌など) または産業印刷の場合は、PostScript を選択します。
ユーザーがこのファイルを開けなくなる最も一般的な問題は、プログラムが正しく割り当てられていないことです。 Windows OS でこれを修正するには、コンテキスト メニューでファイルを右クリックし、「プログラムから開く」項目の上にマウスを置き、ドロップダウン メニューから「プログラムの選択...」を選択する必要があります。 その結果、コンピュータにインストールされているプログラムのリストが表示され、適切なプログラムを選択できます。 また、「すべての OTF ファイルにこのアプリケーションを使用する」の横にあるチェックボックスをオンにすることをお勧めします。
ユーザーがよく遭遇するもう 1 つの問題は、OTF ファイルが破損していることです。 この状況は多くの場合に発生する可能性があります。 例: サーバー エラーの結果、ファイルが不完全にダウンロードされた、ファイルが最初に破損した、など。この問題を解決するには、次のいずれかの推奨事項を使用します。
- インターネット上の別のソースで必要なファイルを見つけてみてください。 運が良ければ、より適切なバージョンが見つかるかもしれません。 Google 検索の例: "ファイル filetype:OTF" 。 「file」という単語を希望の名前に置き換えるだけです。
- 送信中に破損した可能性があるため、元のファイルを再度送信するよう依頼してください。
すべての Web デザイナーは、美しいタイポグラフィーを備えた Web サイトを作成することを夢見ています。 しかし、残念なことに、ブラウザはいくつかの書体、いわゆる「Web セーフ」フォントしかサポートしていません。 標準セットには次のフォントが含まれています。 エリアル, ヴェルダナ, 回, ジョージア, 宅配便 新品他にもいくつかあります。
ヘッドセット 1 つ以上のフォントのセットを定義します。各フォントは、太さ、スタイル、デザイン、スタイル、太さ、サイズなどの共通のデザイン機能を持つ文字で構成されます。たとえば、サンセリフ フォント (またはサン セリフ)、セリフ フォント (セリフ) です。 。 書体は一連の文字 (数字、文字、句読点、特殊文字、およびアルファベット以外の文字で構成される場合もあります) で構成されます。
フォントは、特定のサイズ、重み、スタイルのシンボルのセットです。 たとえば、16 ピクセルの Times New Roman イタリック スタイルのフォントは 1 つのフォントであり、10 ピクセルの Times New Roman イタリック スタイルのフォントは別のフォントです。
@font-face ルールさまざまなカスタム フォントを接続できます。 ブラウザはフォントをキャッシュにロードし、それらを使用してページ上のテキストの書式を設定します。 このアプローチはと呼ばれます フォントの埋め込み、内蔵フォントは ウェブフォント.
この手法によりページのパフォーマンスが向上するため、@font-face ルールは他のすべての CSS ルールよりも前に配置する必要があります。 ダウンロードしたフォントは、サーバー上に作成された特別なフォント フォルダーに配置できます。
@font-face ルールを使用してフォントを接続するには、以下が必要です。
1) すべてのブラウザでサポートされるように、フォント ファイルをいくつかの形式でサーバーにアップロードします。
2) フォントの名前を指定し、ファイルへのリンクを提供し、フォントの説明を設定します。
3) このフォントで表示される要素の font-family プロパティにフォント名を追加します。
@font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), /* IE8+、sign? を使用すると、src 値ハンドラーのバグを回避できます */ url( WebFont.woff) format("woff"), /* すべての最新ブラウザ、IE9+ */ url(WebFont.ttf) format("truetype"); /* すべての最新ブラウザ */ ) p (font-family: "WebFont" 、Arial、サンセリフ; )
このコードは、要素内にテキストを表示するようにブラウザに指示します。
WebFont フォントを使用します。 何らかの理由でブラウザがこのフォントを読み込めない場合は、フォントのリストから適切なフォントが選択されます。 正常に使用できるフォントが見つかるまで、この順序でそれらを調べます。
各フォント ファミリ内で、最大 9 つのウェイトを定義できます。 したがって、各埋め込みフォントおよび各スタイルに対して、個別の @font-face ルールを設定する必要があります。 2 つの異なるフォント、または同じファミリーでスタイルとウェイトが異なるフォントを 1 つのルールで宣言することはできません。
@font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url(WebFont.ttf) format( "truetype"); font-weight: 太字; font-style: italic; ) @font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont .woff) format("woff")、url(WebFont.ttf) format("truetype"); フォントの太さ: 400; フォントのスタイル: 通常; )
一般に、フォントには次のプロパティを設定できます。
@font-face ( font-family: "FontName"; src: url() format(" "); font-variant: ; font-stretch: ; font-weight: ; font-style: ; )
特定のフォントがユーザーのコンピュータにインストールされていると仮定し、ユーザーがそのフォントを所有していることを確認した後でのみフォントをダウンロードしたい場合は、 local() 値を使用してアドレスを設定できます。
@font-face ( font-family: "WebFont"; src: local("WebFont")、url(WebFont.eot?) format("eot")、url(WebFont.woff) format("woff")、url (WebFont.ttf) format("truetype"); フォントの太さ: 太字; フォント スタイル: イタリック; )
Webフォント形式
@font-face プロパティはブラウザーで適切にサポートされていますが、ブラウザーごとに使用するフォント形式が異なります。 主なフォント形式は次の 4 つです。
WOFF形式(Web Open Font Format)、Mozilla によって開発されたオープン Web フォント形式。 技術的には、WOFF は圧縮機能を備えたラッパーにすぎないため、フォント形式とは言えません。 この形式は、インターネット上で使用できるようにフォントを TTF/OTF 形式で圧縮します。 WOFF では、ライセンス情報などのメタデータをファイルに追加することもできます。
OTF/TTFフォーマット(OpenType フォントと TrueType フォント) はほとんどのブラウザで動作します。 どちらの形式も無料で利用できます。
EOTフォーマット Microsoft 開発者によって作成された (Embedded Open Type) は、TTF フォントの圧縮コピーであり、DRM (デジタル著作権管理) テクノロジによって再利用が禁止されています。 バージョン 8 以降、IE でのみサポートされます。
SVG/SVGZ(Scalab Vector Graphics) は、ベクター フォント スタイルを表すフォント ファイル タイプです。 通常、ファイル サイズが小さくなるため、モバイル デバイスでのパフォーマンスが向上します。 Opera Mobile および iOS Safari で動作します。
内蔵フォントの使用が難しい
1) フォント ファイルは大きくなる可能性があるため、@font-face を追加するとページの読み込みが遅くなる場合があります。
2) 一部のフォントにはライセンス制限があり、自由に使用することはできません。
3) 一部のフォントは Web ページでは見栄えがよくありません。
こんにちは、ハブル！
Web フォントの使用に関するさまざまな側面を説明する記事がすでに山ほど書かれており、多くの実用的な例が収集されていますが、私たちは毎日、Web フォントとは何かについての基本的な誤解に直面し続けています。 誰もがこのトピックに関する資料を Google で調べる時間があるわけではないので、よくある質問への回答を提供しようとしました。 この資料は、主に、フォント テクノロジの複雑さをまだ詳しく調べていない人にとって興味深いものです。
01. なぜ Web フォントが必要なのでしょうか。なぜ標準フォントではないのでしょうか?
最初に思い浮かぶのは、標準フォントはひどく退屈で、標準フォントを使って何かオリジナルなものを作るのは難しいということです。 原則として、それらのほとんどはユーザーだけでなくWebデザイナーにも憂鬱と落胆をもたらします。 この場合、標準以外のフォントのほうが表現力が豊かで、さらにフォントの数も桁違いに多いので、選択肢はたくさんあります。 さらに、フォントはブランドの不可欠な部分であるため、このような技術的な機会が生じたため、各企業はフォントをより積極的に使用するよう努めています。また、特に多くのモバイル オペレーティング システム (Arial、Taghoma、Verdana、Georgia など) が標準フォントをサポートしていないため、標準フォントを完全に放棄することもできます。 しかし、残念ながら、長年にわたって 96 DPI 画面とジョージア バーダンに適応してきたこの業界は、急速な変化に対応する準備が整っていませんでした。また、古い Windows オペレーティング システムでは、その特殊性により標準以外のフォントを表示する際に依然として問題が発生しています。ラスタライズのメカニズム。
02. 良いWebフォントの選び方は？
フォントは、紙や Illustrator でブラシを使用して作成されたデジタル化された一連の文字だけではなく、98% の微調整と磨きが加えられ、さまざまなメディアやさまざまなサイズでヒントやテストが行われます。 このフォントは見栄えが良く、スタイルも洗練されており、プリンターでも画面でも問題なく、品質の良さがにじみ出ています。ただし、フォントを選択する場合、これよりもはるかに重要なのは、フォントが使用方法およびそれに割り当てられたタスクに適切であることと準拠していることです。 フォントを扱う場合は、 すべてがどのように機能するかを理解する必要がありますどのようなテクノロジーが使用されているのか。 こうすることで、思いつきで覚えた理解できない暗記ルールが頭の中に残ってしまうことを避けることができます。 たとえば、自尊心のある印刷業者であれば、オフセット印刷に TrueType フォントを使用することがなぜ望ましくないのか、どのフォントがテキスト フォントとして使用できるのか、どのフォントが見出しや索引にのみ使用できるのかを知っています。 これを知らなければ、大量の印刷部数を再版しなければならなくなり、職場では絶え間ない驚きや問題が彼を待ち受けることになります。 なぜ誰もWebデザイナーに何も要求しないのか不思議です。
03. ブラウザはどのようにフォントを表示するのですか?
ブラウザ自体がフォントを描画するため、どこででもフォントが異なって見えるという話をよく聞きます。 しかし実際には、OS の特別なグラフィック サブシステムがフォントのレンダリングに関与しています。Windows では、これが GDIまたは ダイレクトライト、OS X および iOS では - コアテキスト(および以前は QuickDraw)。 一般的なフォントのラスタライゼーション (レンダリング) メカニズムには、2 色 (白黒) ピクセル、モノクロ ピクセル (アンチエイリアスまたは通常のアンチエイリアスと呼ばれることが多い)、およびサブピクセルの 3 つがあります。 サブピクセルは、レンダリングされたイメージの水平解像度を高め、鮮明さを向上させるために、各ピクセルが 3 つの部分 (赤、緑、青) に分割される LCD およびプラズマ ディスプレイの機能を使用します。
ただし、ブラウザは OS が提供するレンダリング方法から独自のレンダリング方法を選択します。 たとえば、GDI には、白黒、通常のアンチエイリアス、サブピクセルの 3 つのレンダリング オプションがあります。 クリアタイプ。 後者の特徴は、サブピクセルの位置に従って平滑化が水平方向にのみ行われることです。 このため、フォントを使用すると、水平方向と斜め方向のストロークにひどいギザギザが発生することがよくあります。 幸いなことに、Microsoft はこのメカニズムを徐々に改善し始め、GDI は DirectWrite テクノロジに置き換えられ、垂直アンチエイリアスが導入されました。 比較する：
04. TTF それとも OTF?
TrueType と PostScript はもともと異なるフォント形式でした。 TrueType は 2 次ベジェ曲線を使用しますが、PostScript は 3 次曲線を使用します。これは、Illustrator や Photoshop を使用するデザイナーには馴染みのあるものです。 現在、曲線を記述する両方の方法が同じ OpenType 形式の一部として使用されていますが、唯一の違いは、TrueType ファイルの拡張子が TTF であり、PostScript ファイルの拡張子が OTF であることです。 各テクノロジーには独自のヒンティング機能と特定の用途があります。
写真を見てください。 TrueType フォントが小さいサイズでははるかに読みやすいが、大きいサイズでは特徴的な歯が見える場合、PostScript フォントではすべてがまったく逆になります。 これは、ブラウザーが PS と TT で異なるラスタライズ方法を選択するためです。 PS の場合、ブラウザは通常のモノクロ アンチエイリアスを適用し、TT は ClearType で処理されました。 したがって、テキスト フォントには TrueType が適しており、見出しや大きな碑文には PostScript が適していることがわかります。
また、すべてのブラウザーがまだ DirectWrite を使用しているわけではないこともわかります。 つまり、まだ Google Chrome には含まれていません。
05. 他に表示に影響するものは何ですか?
ラスタライズ方法を手動で設定した方がよい場合もあります。 たとえば、Webkit エンジンを備えたブラウザでは、CSS プロパティを使用できます。 webkit-font-smoothingまた、サブピクセル アンチエイリアシングの代わりに通常のアンチエイリアシングを手動で有効にすることも、その逆も同様です。 ブラウザーにラスタライズ方法を変更させる簡単ではない方法もあります。これはかつて Habré で提案されました。フォントサイズ (font-size) を忘れてはなりません。 アウトラインの形状、ストロークのコントラスト、読みやすさは、フォント サイズによって大きく異なります。 グラフィック エディタを閉じて、戦闘中に Web フォントがブラウザでどのように見えるかを確認してください。
アンチエイリアシングの欠点を軽減するもう 1 つの方法は、色とコントラストの管理です。 色の輪郭の影響 (ClearType を使用すると、エッジの周りに黄色とマゼンタの輪郭が表示されます) を軽減するには、背景色をテキストの色に近づけて色調のコントラストを減らすことができます。 あまり夢中にならないで、弱視を持つユーザーのことを忘れないでください。
06. Web フォントにはヒントが必要ですか?
ヒントは、フォントの抽象的な曲線をモニター上のピクセルに厳密にバインドする特別な命令です。 これはかなり労力がかかり複雑な手順であるため、ほとんどのフォント (商用フォントを含む) にはヒントがありません。 ヒントは、TrueType と PostScript では異なる方法で実行されます。 安価なフォントを使用する場合は、OTF 形式の方が安全です。TT では手順が白黒ラスタライズの時代から変わっておらず、完全に適切ではないためです。しかし、PS では手順がより簡単で、作成者は次のことを行う機会があります。自動ヒントを実行します。ヒントのないフォントはラスタライズするとぼやけて文字の高さが跳ね上がる場合があります。
ヒンティングを使用したフォントは、非常に明確でコントラストがあり、均一である一方で、文字の形状がサイズに応じて歪んだり、間隔が実際のものと異なる場合があります。 文字は厳密にピクセルに従属します。
Windows OS では、おそらく最も根本的なアプローチが見られます。Tahoma、Verdana、Arial、Georgia などの人気のあるフォントは GDI ClearType 専用にヒントされており、DirectWrite が登場すると、OS に含まれる主要なフォントを再ヒントして更新する必要がありました。
Microsoft とは異なり、Apple は逆のアプローチを採用しているため、同社のオペレーティング システムでは、フォントを多かれ少なかれ効率的に表示できるアルゴリズムが使用されており、ヒンティングはまったく考慮されていません。
質問に答えると、300 DPI モニターの時代が急速に近づいており、膨大な数のモバイル デバイスがすでにこの解像度を備えており、間もなくヒントがまったく必要なくなるでしょう。 ただし、Windows は依然としてヒントに依存しており、低解像度のモニターに重点を置いているため、テキストには高品質のヒント フォントまたは標準フォントを選択するようにしてください。そうしないと、テキストが読みにくく、理解しにくくなります。
07. @font-face それとも Cufon ですか?
どんなに奇妙に聞こえるかもしれませんが、それでもこの質問を自問する人がいます。 ブラウザが @font-face 属性をサポートし始めた後、他のフォント埋め込みテクノロジ (Cufon、sIFR、Flash) はすべて無関係になったようです。 しかし、いくつかの意味はまだ残っています。たとえば、サイトにベクトル曲線が表示されず、プリンターがシートに印刷したり、Photoshop が編集不可能な JPG を出力したりする場合に、フォントを画像に置き換える方法です。 これは、多くの通常の (デスクトップ) フォント ライセンスで許可されています。 一部のフォント製造元 (Adobe など) では、デスクトップ フォントが保護されたままでダウンロードできない限り、デスクトップ フォントを (プログラムおよびサーバー上に) 埋め込むことができます。 個別の Web ライセンスを購入できない場合は、Flash オブジェクトを使用してフォントが埋め込まれるときに適切な sIFR を使用できます。 欠点は、すべてのデバイスでサポートされているわけではない Flash を使用していることです。 ライセンスで許可されている場合は、Cufon テクノロジー (Canvas を使用) を使用することもできます。 もちろん、この場合、スクリプトは複雑になり、テキストの選択は機能しませんが、絶望的な状況では機能します。ただし、@font-face を使用するのが最善です。@font-face の方が技術的に進歩しており、より便利であり、また、@font-face を使用するための十分な経験が蓄積されています。 欠点が 1 つだけあります。すべてのメーカーが自社のフォントを Web 上で使用できるわけではないということです。
08. フォント ファイルはどのような形式にすべきですか?
現在、Web サイトでの実装 (@font-face) 用に準備されたフォントは、いくつかの形式である必要があります。TTFまたは OTF- 私たちにとって馴染みのあるフォント ファイルですが、サイトの表示中にサーバーから読み込まれます。
WOFF- 保護されていないソース アーカイブ OTF または TTF は、おそらく最も一般的なブラウザでサポートされている最も重要な形式であり、WOFF 内のファイルは通常、元のファイルより 2 ～ 2.5 倍軽いです。
EOT- 古い Internet Explorer ブラウザをサポートするには、保護メカニズムを備えた TT OpenType によって実装されたアーカイブが必要です (IE8 以降では、TrueType 曲線に加えて PostScript もサポートされます)。
SVG- Safari ブラウザをサポートします。
09. Webフォントは変換できますか？
誰が何と言おうと、ファイルを変換するだけでフォントの元の品質を維持することはできません。特に、元々が OpenType 形式だった場合はそうです。 その過程で、フォント ファイルに埋め込まれた一部のデータ (コンパイルされた命令、追加文字、メトリクス) が失われる可能性があります。 変換中にファイルが突然「軽量化」すると、これに気づくでしょう。特に、TrueType から PostScript への変換、またはその逆の変換は不適切です。
さらに、変換プロセスはほとんどの場合、ライセンスの非変更条件に違反します。 簡単に言うと窃盗と同じです。 ファイルをコンバータに投入すると、ファイルには製造元のデジタル署名とそれに対応する変更制限が含まれているため、ファイルを見逃すことはなく、警告が表示されますのでご安心ください。
10. Web フォントの重さはどれくらいですか?
ブラウザは、ページを表示する前にフォント ファイルを完全にダウンロードする必要があります。 おそらく、エキゾチックなフォントの代わりに標準のシステム フォントが短時間フラッシュする「フォント フラッシュ」 (または FOUT) 効果を見たことがあるでしょう。 TTF (OTF) が 100 kb に収まり、WOFF (EOT) が 50 kb に収まるのが正常です。 カスタム フォントを使用する必要があるかどうかを常に考えてください。たとえ 1 つの短いタイトルで使用したとしても、フォント ファイル全体をダウンロードする必要があります。デザインがより完璧であればあるほど、フォント ファイルの重量は小さくなり、シンプルな形状を選択するようにしてください。 この意味で理想的な形は、コントラストの低い、オープンな幾何学的なグロテスクです。 フォントの読み込みを高速化するには、data:uri を使用すると便利です。
11. Web ではいくつのフォント スタイルを使用できますか?
デザイナーの観点から見ると、クールな書体が多いです。 実際、ヘッダーの太字と、挿入部分の ExtraLight では、通常、不要なテキストを削除して Condensed Bold に押し込みます。 ここにこそ、本当の豊かさと文体の多様性があるのです。 しかし、このすべての「富」がサイトに転送され始めると、すべてが非常に遅いことがわかります。 そして、モバイルデバイスからそのようなサイトを開こうとさえしないほうが良いです。 また、各書体には個別の費用がかかることを忘れないでください。顧客は、高価な書体をすべて購入しないように、フォントの同義語を見つけるか、スタイルの数を減らすかを要求する可能性があります。 同じまたは異なる書体のスタイルを最大 2 ～ 3 つ使用するのが通常です。12. 文字セットを制限する必要はありますか?
この質問に対する答えは、サイトがどのような種類のもので、どのように使用されるかによって異なります。 制限を設けるとファイルのサイズを大幅に削減できるため便利です。 場合によっては、開発者が無知のせいで、完全な文字セットを含む重いフォント ファイルをサイトにアップロードすることがありますが、象形文字がないのは良いことです (Unicode テーブルのほとんどの文字を含む Arial Unicode フォントの重さは 22 MB であることに注意してください)。英語サイトを最も簡単に作成する人にとっては、追加の文字を読み込む必要はまったくなく、Basic Latin (または ASCII) の文字で十分です。 ロシア語と英語の見出しのみにフォントを使用する場合は、ASCII (基本ラテン語) セットとロシア語アルファベット 64 文字で十分です。420 文字の拡張キリル文字セットをロードする必要はまったくありません。 。 サイトが多言語である場合は、まったく別の話になります。その場合、文字の誤った表示を避けるために、使用されているすべての言語をカバーするように努める必要があります。
13. フォントのクローンを使用できますか?
オリジナルのフォントを購入するのが高すぎるか不可能な場合は、フォントの同義語 (クローン) を選択するのが適切です。 もちろん、たとえそれが有名なロシアの会社によって作られたとしても、驚くべき品質を期待すべきではありません。 新しい分野で自分自身を試してみることにした匿名の読み書き能力のある人の作品に遭遇すると、すべてが完全に悪くなります。そのようなフォントには注意してください。 以下にクローンの例を示します (オリジナルは括弧内に示されています): FreeSet (Frutiger)、Pragmatica、Helios (Helvetica) です。 文字の形状が異なる場合がございますので予めご了承ください。 Paratype フォントの同義語ディレクトリには、多数のクローンが存在します。
14. フォントをテストするにはどうすればよいですか?
デザイナーは、Photoshop ウィンドウを通してのみフォントを見ることに慣れてはいけません。グラフィック エディターは独自のテキスト スムージング方法を使用します。そして、美しい画像に騙される可能性があります。 ブラウザーでテストして視聴する方法を学ぶ方がはるかに便利です。 デモ ページがある場合は、レンダリング中にあらゆる種類のアーティファクトやスパイクが表示されないことを必ず確認してください。 Typecast と呼ばれるツールもあり、多くのフォントをチェックしてクライアントにページを表示できます。 すでに完成した Web サイト用に新しいフォントを選択する場合、Web Fonts Previewer サービスは不可欠です。すでに実装したかのように、実際に動作している Web サイトで任意のフォントをテストできます。15. コンピュータにフォントがあるのですが、Web サイトで使用できますか?
まず、盗難について少し説明します。 私は自分のコンピューター上に何千ものフォントを持っているデザイナーをたくさん知っていますが、そのフォントの出所は誰にもわかりません。 原則として、インターネットからダウンロードするだけでした。 しかし、何らかの理由で、良いフォントを作成するには何か月も、場合によっては何年も真剣に取り組む必要があるとは誰も考えていません。 しかし、これが、焼け焦げた不明なソースから取得したフォントを使用すべきではない唯一の理由ではなく、開発段階で重大な問題に遭遇する可能性があるためでもあります。
オペレーティング システムに付属のフォントを Web サイトに埋め込みたい場合は、そのフォントをラスタライズするか、画像内で使用することによってのみこれを行うことができます。 本当に埋め込む必要がある場合は、通常のフォントと同様に、別のライセンスを購入する必要があります (Georgia と Tahoma の両方が販売されています)。
16. Web フォントを購入するにはどうすればよいですか?
「フォントを購入する」ということは、ソフトウェアを購入することに最も近いことは、プログラム ファイル自体に対する権利ではなく、そのフォントを使用するためのライセンスを受け取ることです。 合法的にコンパイルされたフォント ファイルはプログラムであることが判明しました。 ライセンスで許可されていない限り、修正または変更を行うと、著作権侵害とみなされます。フォントを購入する便利な方法は、フォント カタログ (Fonts.com、MyFonts、Ascender、Typekit) を使用することです。 使用可能なオプションを表示、比較、選択し、カードで支払うことができます。 企業にとって最も簡単な方法は、制作スタジオに直接連絡するか、フォントの購入を顧客に任せることです。
それとも、フォントにはまったくお金をかけない方が良いのでしょうか? 有料フォントと同じくらい優れた無料フォントがたくさんあります。
17. ライセンスにはどのような種類がありますか?
フォント ライセンスにはさまざまな種類があり、Web フォントの登場により、その種類はさらに増えています。 実際には、各企業がゲーム自体のルールを設定しており、フォント ライセンスには他のさまざまな機能が含まれている場合があります。 代表的なものに興味を持ってみましょう。通常の商用ライセンスでは、一定数のデバイスでの使用が制限され、フォントを使用して作成された作品の配布が許可されます。 これらは、雑誌、新聞、チラシ、名刺、フォントのラスタライズされたイメージなどであり、これらをすべてまとめて印刷物と呼ぶことができます。 このライセンスは、映画、テレビ、Web、およびアプリケーションやプログラムへの埋め込みには適していません。そのような権利は別途購入する必要があります。
排他的権利を持つライセンスなど、特定のライセンスもあります。 この場合、会社は書体デザイナーからすべての権利を購入することになり、フォントの作者であってもそれをどこでも使用する権利を持ちません。 このようなフォントが torrent 上にある場合、またはサードパーティのデザイナーがそれらのフォントを使用している場合は特に驚くべきことです。
無料ライセンス (パブリック ドメイン) - フォントの作成者は、名前を示す (クリエイティブ コモンズ) という条件の有無にかかわらず、無料配布を許可します (OFL、GPL、Apache 2.0 など)。 このタイプのライセンスでは、販売や有料配布以外の商用利用も許可されます。 例: PT Sans、Opensans、Droid。 フォントの変更が許可される (GPL) 場合もありますが、作成した変更は自動的に同じライセンスを継承します (つまり、フォークされる可能性もあります)。 Freedom は、あらゆるメディアで使用できることを前提としています。 そしてウェブ。
非営利使用は無料です。つまり、収益を上げないあらゆる場合に使用できます。 たとえば、トレーニング、趣味、コミュニティ プロジェクトなどです。 場合によっては、デザイナーの幸運なクライアントがフォントの商用バージョンを購入することを期待して、メーカーがデザイナーに使用を許可することがあります。
18. Web フォントのライセンスはどのように異なりますか?
Web ライセンスは私たちのお気に入りで、メイン ライセンスに追加されるか、別途付与されます。 特別な場合、つまり Web サイトでのフォントの使用を規制します。 一般に、最も重要な制限はページビュー数です。 たとえば、月あたり 10,000、100,000、または 100 万、つまり、サイトにアクセスする人が増えるほど、ライセンス料金の支払いも高くなります。 フォントを一度支払うと無制限のオプションもありますが、その場合は何倍も高価になります。 おそらく、再生回数を記録している人はいるのでしょうか?と疑問に思われたかもしれません。 ほとんどの場合、そうではありません。 ただし、サイトのトラフィックは膨大な数のカウンターで監視されており、販売者の疑惑を招いた場合はライセンスを剥奪される可能性があることを忘れないでください。ただし、別の Web ライセンスでは、通常のコンピュータでの使用は許可されません。 場合によっては、Web ライセンスが無料で発行されることがあります。つまり、デスクトップ フォントの購入と同時に、その Web バージョンを使用する権利が得られます。 しかし、これはまだ稀で、ほとんどのメーカーでは追加料金が必要です。
購入後、サイトに埋め込む特別なファイル (TTF、OTF、WOFF、EOT) を受け取ります。一部のフォントでは、理論上、サードパーティがフォントファイル自体。 3 番目のオプションは、Adobe が所有する Typekit などのフォント メーカーの特別な Web サービスを使用し、サブスクリプション料金を支払うことです。
19. 優れた Web フォントはどこで入手できますか?
Google の無料フォントのカタログFontsquirrel は有名な Web フォントコンバーターおよびディレクトリです
Myfonts - 便利な支払いシステムを備えた巨大なフォント ストア
Fonts.com は MyFonts の主な競合会社です
Typekit - Adobe からフォントをレンタルするサービス
Typecast - テスト サービスを備えた前述のストア
追伸 Maria Doreuli が推奨したもう 1 つの便利なリソース、WebFont.ru。 ライセンス供与。 明確にするために
ティム・ブラウン。 Web 上でのタイプレンダリング
ティム・ブラウン。 タイプのレンダリングに影響する CSS プロパティ
ティム・ブラウン。 タイプ レンダリング: オペレーティング システム
ティム・アーレンス。 フォントのレンダリングを詳しく見る
ティム・アーレンス (Typekit)。 TrueType ヒンティングを詳しく見る
TrueType に対する OpenType/CFF の利点
Ildar Kinyabulatov、Web デザイナー ADV/Web エンジニアリング
あなたは、.otf で終わるファイル拡張子を持つファイルを持っているためにここに来ています。 ファイル拡張子が .otf のファイルは、特定のアプリケーションによってのみ起動できます。 .otf ファイルは、ドキュメントやメディアではなくデータ ファイルである可能性がありますつまり、それらはまったく閲覧されることを意図していないということです。
.otf ファイルとは何ですか?
.otf ファイルを開くアプリケーション
Microsoft Windows フォント ビューア
Microsoft Windows フォント ビューア
Font Viewer は、サンプル テキスト、比較リスト、大きな文字マップなど、さまざまな方法でフォントをプレビューできるユーティリティです。 ユーザーが必要なフォントを簡単に選択できるようにフォント プレビューを提供するワード プロセッシングおよびデスクトップ パブリッシング ソフトウェア。 通常、フォントのプルダウン リストがあり、各フォント名が表示されます。 無料のフォント ビューアの多くは積極的に開発されていませんが、ユーザーは古いフォント ビューアでもまだ役に立つ場合があります。 ユーザーによっては、Windows の標準フォント ユーティリティで十分な場合もあります。ビューアの多くは主に文字マップです。これらのビューアは、各フォントで使用される文字セットに焦点を当てています。これは、ユーザーがどのシンボルを挿入するかを決定するときに必要なビューです。文書の場合、または奇妙なアクセントを持つ見慣れない文字がたくさんある外国語で単語を入力する必要がある場合。グラフィック アプリケーションで作業するときに便利なように、サンプル フォント リストを印刷してください。以前は、ビューアには一般的に 256 ASCII または ANSI のみが表示されていました。文字ですが、最も便利なビューアでは拡張 Unicode 文字セットが表示されるようになりました。 
Mac 用 FontForge