グリフの紹介|グリフの意味
フォントにはグリフが含まれており、グリフなしでは存在できません。グリフについて学ばなければ、フォントを学習することはできません。あらゆる分野のフォントの操作:プログラミング、デザイン、タイポグラフィは、グリフの役割を理解せずに成功しません。この記事は、Glyphの基礎を理解するのに役立つことを目的としています。
グリフとは何ですか?
glyphという用語には多くの定義があります。いくつかのグリフの意味を提供します。
glyphは、書体の個別に設計された1つの文字です。または、記事 font?で説明されているように、シンボル/文字のグラフィカルな表現です。
各キャラクターにはグリフがあるだけでなく、キャラクターがいくつかの代替グリフで表される可能性もあります。下の写真では、そのようなケースの例を見ることができます。ここで、シンボル「9」は、2つのグリフで表される「Times New Roman」フォントに記載されています。ご覧のとおり、異なるユニコードと名前もあります。
しかし、1人の文字が異なるスクリプトの文字を表すことができる場合があります。首都のように、「T」は英語、ロシア語、ドイツ語、その他多くの言語で同じです。そして、それはカウントされ、別のグリフとして表されます。別のフォントの同じ文字も、独自のデザインがあるため、別のグリフです。
下の写真には、さまざまなフォントの大文字「A」の4つのグリフが描かれています。
画像を見ると、フォントのグラフィカルユニットとしてglyphの別の定義が思い浮かびます。
開発において、エンコードされた文字としてglyphの定義を念頭に置くことが重要です。簡素化するには、GLYPHでは、このグリフをフォント全体に参照するために標準化されたコードを使用する必要があります。最も知られているグリフコードの標準はユニコードです。 UnicodeпGiveこのグリフが存在するすべてのフォントファミリのすべてのフォントで、同じコードをグリフにします。
各グリフには多くのエンコーディングデータがあります。以下の表は、グリフのこのデータの一部を示しています @
Where to use | Encoding data |
---|---|
HTML Entity (decimal) | @ |
HTML Entity (hex) | @ |
How to type in Microsoft Windows | Alt+0040 Alt064 Alt64 |
UTF-8 (hex) | 0x40 (40) |
UTF-8 (binary) | 01000000 |
UTF-16 (hex) | 0x0040 (0040) |
UTF-16 (decimal) | 64 |
UTF-32 (hex) | 0x00000040 (0040) |
UTF-32 (decimal) | 64 |
C/C++/Java source code | “\u0040” |
Python source code | u"\u0040" |
グリフの種類
グリフはタイプで分類できます。
キャラクターグリフ:
- 文字(A、B、Cなど)
- 数字(1、2、3など)
- 句読点(。、?、!など)
- Diacritics(アクセントマーク、Umlauts)
- 結晶(「æ」や「」などの文字を組み合わせた文字)
シンボリックグリフ:
- アイコン(ハート、フラグ、矢印など)。また、 アイコンフォント全体が存在します。
- ロゴ(たとえば、ナイキスウッシュ、アップルロゴ)
- 数学的記号(例: +、 - 、×、÷)
- 表意文字
表意文字
IDEOGRAMSは、音ではなくアイデアや概念を表すシンボルです。シンボルが個々の音または音のグループを表す音声執筆システムと比較すると、表意文字は単語またはフレーズの意味を直接表します。次の特性によって表意文字を区別できます。
- それらは通常、それらが表す概念に視覚的に関連する画像またはシンボルに基づいています。
- 表意文字は意味を直接伝えます。
- このようなライティングシステムは、数千の異なるシンボルがある非常に複雑になる可能性があります。
あなたがまだ表意文字が何であるか疑問を持っているなら、ここにあなたがより良い概念を説明するいくつかの例があります:
- 単語またはフレーズ全体を表すことができる表意文字の複雑なシステムである漢字。
- エジプトの象形文字の多くは、オブジェクト、動物、または概念を表す表意文字でした。- Pictograms - 看板や通信システムでよく使用されるオブジェクトまたはアクションを表す単純な図面。
グリフセット
glyphsetは、フォントを形成するグリフの構成/コレクションです。各フォントには、グリフセットに異なる数のグリフがあります。たとえば、Arialには4503のグリフが含まれ、Montserrat、-1943 Glyphsが含まれます。
特定のフォントにあるグリフの数を確認するには、Asposeから無料アプリケーションを使用できます。使いやすい Font Viewer。 フォントソース、説明、デザイナー、ライセンス、ファイル名、フォント名、フォントファミリー、スタイル、ポストスクリプト名、バージョンなどに関する情報が提供されます。
各フォントファイルにはグリフセットが含まれています。各フォントファイルには、1つ以上のテーブルも含まれています。これらのテーブルは、文字マップとして知られています。キャラクター/グリフで満たされたセルのテーブルのようなものです。各セル/スロットにはコードがあり、このコードにより、必要なグリフはインデックス化、見つかり、表現され、レンダリングされます。これらのテーブルは、セルの数で類似していますが、セルファイリングでは類似していません。前に述べたように、各フォントにはグリフセットのサイズが異なります。そのため、あるフォントのために、一部のセルには文字が満たされますが、別のフォントの場合、これらの同じセルが空になる可能性があります。
次の写真は、フランクリンゴシックとエブリマフォントのグリフセットの違いを示しています。そこでは、Unicodeによってインデックスが付けられています。
フォントグリフメトリック
GLYPHメトリックは、テキストレイアウトが作成されたときにGLYPHの配置方法に影響を与えるパラメーターです。
グリフメトリックは通常、次のように分割されます。
- 水平方向のメトリック(ラテン語、キリル語、アラビア語など);
- 垂直指標(中国語、日本、モンゴル語など)
Glyphのメトリックは次のとおりです。
- アドバンス幅は、グリフがとるスペースです。これは、グリフの原点から次のグリフの起源ポイントまでの線の幅です。
- origin - 1つのシンボルが終了し、次のシンボルが始まるポイントです。
- サイドベアリング - グリフの左側または右側の空白です。サイドベアリングは負の場合があります(グリフが前進幅よりも多くのスペースをとる場合)または正(グリフは、前進幅のサイズよりも少ないスペースをとる)。違いは画像で説明されています。
- ベースライン - グリフの配置に使用される目に見えないラインです。
- ascent - ベースラインの原点からグリフの最高点までの長さです。
- ascender - は、フォントの最高のグリフの最高点を通過する水平線です。 ascent lineとも呼ばれます。
- 降下 - ベースラインの原点からグリフの最下点までの長さです。
- descender - フォントの最も低いグリフの最低点を通過する水平線です。 降下線とも呼ばれます。
- 境界ボックス - グリフの可視部分を囲む正方形です。
- 高さ - グリフ境界ボックスの垂直サイズです。
- 幅 - グリフの境界ボックスの水平サイズです。通常、widthはアドバンス幅よりも少ないですが、一部のグリフの場合、状況は逆です。これらの2つの値の違いは、画像に示されています。
以下の写真で、前述のすべてのメトリックを学ぶことができます。
カーニング##
グリフメトリックについて話すと、それに関連する別の用語に言及する必要があります - kerning。通常、グリフ間のスペースはデフォルトで等しくなりますが、そうであれば、いくつかの組み合わせがゆるく見えます。このような組み合わせの例は、lt
、wa
、 ya
などです。下の写真は、カーニングが与える違いを示しています。
すべてのフォント形式がKerning情報が含まれているわけではありません。さらに、たとえば、True Type Fontなどのいくつかのフォントでは、いくつかのKerning形式はサポートされていません。したがって、この場合、フォント形式を変換すると便利かもしれません。ここで、Aspose Font Converterが役立ちます。
グリフバリアントと代替
これらは、書体内の特定のグリフの異なるバリエーションであり、視覚的なバリエーションとカスタマイズを行うために選択する代替オプションをデザイナーに提供します。 Glyphバリアントと代替の詳細を詳しく説明します。
- フォントグリフバリアント
グリフバリアントは、書体内の特定のグリフの異なるバージョンまたはスタイルのバリエーションです。代替形状、さまざまなストローク、文字形式のバリエーション、またはユニークなデザイン要素を含めることができます。
- 文体的な代替
文体的な代替品は、特定の文字または文字の組み合わせに代替デザインを提供するGlyphバリアントです。それらは、ストローク幅または曲率の微妙な変動から、キャラクターの全体的な形状やスタイルのより顕著な変化にまで及びます。
- 文脈的な代替
コンテキストの代替は、周囲のコンテキストに基づいて特定の文字を自動的に置き換えるグリフバリアントです。これらは、隣接する文字に応じて特定の文字形式を調整することにより、テキストのフローと読みやすさを高めるために使用されます。コンテキストの代替は、グリフが隣接する文字と接続または対話する必要があるスクリプトまたは手書きの書体で特に役立ちます。
- ligatures
結晶は、2つ以上の文字を視覚的に統一された単一のグリフに組み合わせた特別なグリフバリアントです。結晶は、視覚的な不器用さを衝突または作成する可能性のある特定の文字の組み合わせの外観と読みやすさを改善するために使用されます。一般に、FI、FL、FF、または特定の文字の組み合わせと特定のアセンダーまたはディセンダーの組み合わせが含まれています。
- スワッシングして繁栄する
スワッシュと繁栄は、 スクリプトまたは ディスプレイ書体によく見られるタイポグラフィにタッチを加えるために、単語やフレーズの最初または終わりによく使用される細長い装飾のストロークを特徴とする装飾的なグリフバリアントです。
ベクトルグラフィックスとグリフ作成ツール
ベクトルグラフィックは、ピクセルのグリッドではなく、数学的方程式を使用して作成された画像です。これにより、品質を失うことなくスケーラブルになり、グリフとフォントを作成するのに理想的になります。 ベクターグラフィックスで作成されたフォントの例は、 SVGフォントです。
Glyphの作成ツールは、フォントのGlyphを作成、編集、管理するために特別に開発されたソフトウェアアプリケーションです。彼らはあなたにの機能を提供することができます:
- ゼロから新しいグリフを作成するか、既存のグリフを編集します。
- カーニングマネジメント。
- ライガチュアを作成します。
- 文体的な代替、スワッシュ、コンテキスト形式などの高度なタイポグラフィの機能を実装します。
- さまざまなサイズとコンテキストでフォントを表示します。
- さまざまな 形式でフォントを保存します。
- フォントメトリックの定義。
- 他のソースからグリフをインポートします。
- 複雑なグリフまたはライティングシステムのスクリプトを作成します。
人気のあるグリフ作成ツールの例は次のとおりです。
- fontlab;
- Adobe Illustrator;
- グリフェディット;- 上記のフーシャルの一部は、Aspose.Font APIソリューションでカバーされているか、[クロスプラットフォームツール]のセットに実装されています(18)。
結論
この記事では、glyphとそのメトリックという用語に関するいくつかの一般的な情報が与えられました。 Aspose.fontには、フォント、グリフ、およびそれらのメトリックを操作する必要がある場合、より高度なソリューションがあります。
グリフを使用することで得られる機能を確認するには、 glyphs namespaceの aspose.font for .netライブラリをご覧ください。