1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
|
<HTML>
<HEAD>
<!-- Created with AOLpress/2.0 -->
<!-- AP: Created on: 27-Jan-2003 -->
<!-- AP: Last modified: 21-Apr-2006 -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!--<TITLE>Examining and controling metrics and kerning</TITLE>-->
<TITLE>メトリックとカーニングの検査法と調整法</TITLE>
<LINK REL="icon" href="../../_static/fftype16.png">
<LINK REL="stylesheet" TYPE="text/css" HREF="FontForge.css">
</HEAD>
<BODY>
<DIV id="in">
<H1 ALIGN=Center>
<!-- Tutorial #5 -->
チュートリアル (その 5)
</H1>
<UL>
<LI>
<!-- <A HREF="editexample.html#FontCreate">Font Creation</A>-->
<A HREF="editexample.html#FontCreate">フォントの作成</A>
<LI>
<!-- <A HREF="editexample.html#CharCreate">Creating a glyph (tracing outlines)</A>-->
<A HREF="editexample.html#CharCreate">グリフの作成 (アウトラインのトレース) 法</A>
<LI>
<!-- <A HREF="editexample2.html#Navigating">Navigating to other glyphs</A>-->
<A HREF="editexample2.html#Navigating">他のグリフの呼び出し方</A>
<LI>
<!-- <A HREF="editexample2.html#Creating-o">On to the next glyph (consistent
directions)</A>-->
<A HREF="editexample2.html#Creating-o">次のグリフに関して (矛盾のないパスの向き)</A>
<LI>
<!-- <A HREF="editexample3.html#consistent-stems">Consistent serifs and stem
widths</A>-->
<A HREF="editexample3.html#consistent-stems">統一のとれたセリフとステムの太さ</A>
<LI>
<!-- <A HREF="editexample4.html#accents">Building accented glyphs</A>-->
<A HREF="editexample4.html#accents">アクセントつきグリフの組み立て方</A>
<LI>
<!-- <A HREF="editexample4.html#ligature">Building a ligature</A>-->
<A HREF="editexample4.html#ligature">合字の組み立て方</A>
<LI>
<!-- <A HREF="editexample5.html#metrics">Examining metrics</A>-->
<A HREF="editexample5.html#metrics">メトリックの確認法</A>
<UL>
<LI>
<!-- <A HREF="#Vertical">Vertical metrics</A> -->
<A HREF="#Vertical">縦書きメトリック</A>
<LI>
<!-- <A HREF="editexample5.html#baseline">Setting the baseline to baseline spacing
of a font</A> -->
<A HREF="editexample5.html#baseline">フォントのベースラインとベースラインの間隔の設定方法</A>
</UL>
<LI>
<!-- <A HREF="editexample5.html#Kerning">Kerning</A>-->
<A HREF="editexample5.html#Kerning">カーニング</A>
<LI>
<!-- <A HREF="editexample6.html#Variants">Glyph variants</A>-->
<A HREF="editexample6.html#Variants">異体関係にあるグリフ</A>
<LI>
<!-- <A HREF="editexample6.html#Marks">Anchoring marks</A>-->
<A HREF="editexample6.html#Marks">アンカーマーク</A>
<LI>
<!-- <A HREF="editexample6-5.html#Conditional">Conditional features</A>-->
<A HREF="editexample6-5.html#Conditional">条件つき機能</A>
<LI>
<!-- <A HREF="editexample7.html#checking">Checking your font</A>-->
<A HREF="editexample7.html#checking">フォントのチェック法</A>
<LI>
<!-- <A HREF="editexample7.html#generating">Generating it</A>-->
<A HREF="editexample7.html#generating">フォントの出力方法</A>
<LI>
<!-- <A HREF="editexample7.html#Families">Font Families</A>-->
<A HREF="editexample7.html#Families">フォントファミリー</A>
<LI>
<!-- <A HREF="editexample7.html#summary">Final Summary</A>-->
<A HREF="editexample7.html#summary">最後のまとめ</A>
<LI>
<!-- <A HREF="scripting-tutorial.html">Scripting Tutorial</A> -->
<A HREF="scripting-tutorial.html">スクリプト処理のチュートリアル</A>
<LI>
<!-- <A HREF="scriptnotes.html#Special">Notes on various scripts</A>-->
<A HREF="scriptnotes.html#Special">各種の用字系における注意点</A>
</UL>
<H2>
<!--<A NAME="metrics">Examining</A> and controlling metrics-->
メトリックの<A NAME="metrics">検査</A>と制御
</H2>
<P>
<IMG src="../../_images/sidebearings.png" WIDTH="111" HEIGHT="191" ALIGN="Right"> <!-- After
you have created the shapes of your glyphs you must next figure out the spacing
between glyphs. The space between any two glyph has two components, the space
after the first glyph, and the space before the second glyph. In a left to
right world these two are called the right side bearing and the left side
bearing respectively. -->
グリフの形を設計してから、次にする必要があるのはグリフの間の空間を正しく設定することです。
2 個のグリフの間の間隔はすべて、最初のグリフの後の空白と次のグリフの前の空白の 2 つの構成要素からなります。
左から右に文字を書く世界では、これらはそれぞれ右サイドベアリングと左サイドベアリングと呼ばれます。
<P>
<!--
The left side bearing may be changed by the simple expedient of
<CODE>Edit->Select All</CODE> (in the outline view) and then dragging
the selected objects to the appropriate place. The right side bearing may
be changed by selecting the advance width line and adjusting it
appropriately.<BR CLEAR=ALL> -->
左サイドベアリングは、簡単な操作で変更することができます。
<CODE>編集(<U>E</U>)</CODE>→<CODE>選択(<U>S</U>)</CODE>→<CODE>すべて選択(<U>A</U>)</CODE> を (アウトラインビューで) 行い、選択されたオブジェクトを適切な場所に移動します。右サイドベアリングは送り幅を表す線を選択し、適切な位置に調整することによって変更できます。<BR CLEAR=ALL>
<P>
<!--
However it is generally better not to set the metrics of a single glyph in
isolation, you should see the glyph in the context of other glyphs and set
it from that perspective. Use the <CODE>Window->Open
<A HREF="metricsview.html">Metrics Window </A></CODE>command.<BR> -->
しかしながら、一般的には個別のグリフのメトリックを単独で設定するのではなく、他のグリフの間に囲まれた文脈の中で眺め、その観点から設定したほうがいいのです。
<CODE>ウィンドウ(<U>W</U>)</CODE>→<CODE><A HREF="metricsview.html">メトリックウィンドウを開く(M)</A></CODE> コマンドを使用してください。
<IMG SRC="MetricsView.png" WIDTH="600" HEIGHT="331"><BR>
<!--
Any glyphs selected in the fontview (when you invoke the metrics view) will
be displayed in the metrics view. You may change which glyphs are displayed
by either typing new ones in to the text field at the top of the view, or
by dragging a glyph from the fontview. -->
フォントビュー内で選択された任意のグリフは (メトリックビューを呼び出したとき) メトリックビューの中に表示されます。表示されるグリフの並びは、新しくウィンドウの最上部のテキストフィールドに文字列をタイプするか、またはフォントビューからグリフをドラッグすることによって変更することができます。
<P>
<!--
From here you may adjust any glyph's metrics by typing into the textfields
below it, or you may select a glyph (by clicking on its image) and drag it
around (to adjust the left side bearing), or drag its width line (to adjust
its right side bearing). -->
この画面から任意のグリフのメトリックを、その下のテキストフィールドに文字をタイプするか、グリフを (その画像をクリックして) 選択してから (左サイドベアリングを調整するために) 動かしたり (右サイドベアリングを調整するために) グリフの幅を表す線をドラッグしたりすることによって調整することができます。
<P>
<!--
If you want to generate a "typewriter" style font (where all glyphs have
the same width) execute an <CODE>Edit->Select All</CODE> from the fontview
and then <CODE>Metrics->Set Width</CODE>. This will set the widths of
all glyphs to the same value. After doing that you might also want to execute
<CODE>Metrics->Center in Width</CODE> to even out the left and right spacing
on each glyph. -->
「タイプライタ」スタイル (全てのグリフの幅が同じ) のフォントを生成したい場合、<CODE>編集(<U>E</U>)</CODE>→<CODE>選択(<U>S</U>)</CODE>→<CODE>すべて選択(<U>A</U>)</CODE> をフォントビューから実行し、次に <CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅を設定(<U>W</U>)...</CODE> を実行します。これにより、すべてのグリフの幅が同じ値に設定されます。これを行った後、<CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅の中央に(<U>C</U>)</CODE> を実行して各グリフの左と右の空きを均等にしたほうがいいでしょう。
<P>
<I><IMG src="../../_images/autowidth.png" WIDTH="276" HEIGHT="268" ALIGN="Right"></I> <!-- If
all this manual operation seems too complicated, try
<CODE><A HREF="autowidth.html#AutoWidth">Metrics->Auto Width</A></CODE>.
This will automagically assign widths to characters. These widths are not
up to professional standards, but they are generally reasonable approximations.
-->
この手動動作が複雑すぎると思う人は、
<A HREF="autowidth.html#AutoWidth"><CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅の自動設定(<U>A</U>)...</CODE></A> を試してみてください。
これは全自動で各文字の幅を設定します。この幅はプロの水準には達していませんが、一般人が見てまあまあの近似です。
<H3>
<!--<A NAME="Vertical">Vertical</A> Metrics -->
<A NAME="Vertical">縦書き</A>用メトリック
</H3>
<P>
<!--
FontForge provides some support for the vertical metrics needed for CJK fonts.
First you must tell FontForge that this font should contain vertical metrics,
do this with <CODE>Element->Font Info->General->Has Vertical
Metrics</CODE>. Then in each outline glyph enable VMetrics in the Layers
palette. -->
FontForge は CJK フォントに必要な縦書きメトリックをある程度サポートしています。まず、FontForge に、このフォントが縦書きメトリックを含むように指示する必要があります。これを行うには <CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[一般情報]</CODE>→<CODE>[ ]縦書きメトリックが存在(<U>V</U>)</CODE> を使用します。それからレイヤパレットで各アウトライングリフの縦書きメトリックを有効にします。
<P>
<!--
You should now see a vertical advance line somewhere underneath your glyph.
You may drag this line just as you would the horizontal advance (width) line.
-->
縦書きの字送りの高さを示す線がグリフの下のほうに見えるはずです。この線を、横書きの送り幅の線と同様にドラッグすることができます。
<H3>
<!--Setting the <A NAME="baseline">baseline</A> to baseline spacing of a font. -->
フォントの<A NAME="baseline">ベースライン</A>とベースラインの間隔の設定方法
</H3>
<P>
<!--
You might imagine that there would be an easy way to set this seemingly important
quantity. Unfortunately there is not. -->
この、外観上重要な意味をもつ量を設定する簡単な方法があるとお考えになるかもしれません。残念ながら無いのです。
<DL>
<DT>
<!-- In a PostScript Type1 font (or bare CFF font) -->
PostScript Type1 フォント (または裸の CFF フォント) における方法
<DD>
<!-- There is no way to set this value.<BR>
At all, ever.<BR>
In traditional typography the inter-line spacing is 1em (which in FontForge
is the ascent+descent of a font). Some applications will use this. Other
applications will use the font's bounding box (summing the maximum ascender
height with the minimum descender depth) - - a very bad, but very common approach. -->
この値を設定する方法はありません。<BR>
本当に、まったく無いのです。</BR>
伝統的な活版印刷では行と行の間隔は 1em です (これは、FontForge ではフォントの高さ+深さに相当します)。いくつかのアプリケーションはこの値を使用するでしょう。他のアプリケーションはフォントのバウンディングボックス (アセンダの最大高さとディセンダの最小深さを足した数値) を使用するでしょう——非常に問題のある、しかしながら非常によく使われているアプローチです。
<DT>
<!-- In a TrueType or OpenType font-->
TrueType または OpenType フォントにおける方法
<DD>
<!-- Unfortunately this depends on the platform-->
残念ながらこれはプラットフォームに依存します。
<DL>
<DT>
Mac
<DD>
<!-- On a mac the baseline to baseline spacing is determined again by the bounding
box values of the font, specified in the 'hhea' table, possibly modified
by a linegap (Which you can set in FontForge with
<A HREF="fontinfo.html">Element->FontInfo->OS/2</A>. -->
Mac では、ベースラインとベースラインの間隔は、ここでも‘hhea’テーブルで指定されているフォントのバウンディングボックスの値によって決まり、この値は行間 (FontForge では <A HREF="fontinfo.html"><CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[OS/2]</CODE></A> で設定できます。
<DT>
<!-- On Windows -->
Windows では
<DD>
<!-- According to the OpenType spec, the baseline to baseline distance is set
by the values of Typographic Ascent and Descent of the 'OS/2' table. These
can be set with
<A HREF="fontinfo.html">Element->FontInfo->OS/2</A>, but are usually
allowed to default to the Ascent and Descent values of FontForge -- they
generally sum to 1em and are equivalent to the traditional unleaded
default.<BR> -->
OpenType の仕様書によると、ベースライン間の距離は‘OS/2’テーブルの Typpographic Ascent と Descent の値によって設定されます。これらは<A HREF="fontinfo.html"><CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[OS/2]</CODE></A> によって設定できますが、一般には FontForge のデフォルト値のままにしておくことが広く行われています——それらの値の合計は一般に 1 em になり、伝統的な行間アキ無しのときのときのデフォルトと等価です。<BR>
<!-- Again this may be modified by a linegap field.<BR> -->
この値も行間 (linegap) フィールドで補正できます。
<!-- Unfortunately Windows programs rarely follow the standard (which I expect
doesn't supprise anyone), and generally they will use the font's bounding
box as specified in the Win Ascent/Descent fields of the 'OS/2' table. -->
残念ながら Windows のプログラムはほとんど標準に従わず (今さら誰も驚かないとは思いますが)、一般にフォントのバウンディングボックスを‘OS/2’テーブルの Win Ascent/Descent フィールドで指定されたものとして使用するでしょう。
<DT>
<!-- On linux/unix -->
Linux/Unix では
<DD>
<!-- I doubt there is any standard behavior. Unix apps will probably choose one
of the above. -->
標準的な振舞いが存在するのか疑問に思います。Unix のアプリケーションはおそらくこれらのどれか 1 つを選ぶでしょう。
</DL>
</DL>
<P>
<!--
Typographically ept applications will allow users to adjust baseline to baseline
spacing, so the default value may not be all that relevant. -->
タイポグラフィ上の機能が豊富なアプリケーションは、ユーザがベースライン間のスペーシングを調整できるようにしていますので、デフォルト値がどんな値でも無関係です。
<H2>
<!--<A NAME="Kerning">Kerning</A>-->
<A NAME="Kerning">カーニング</A>
</H2>
<P>
<!--
If you are careful in setting the left and right side-bearings you can design
your font so that the spacing looks nice in almost all cases. But there are
always some cases which confound simple solutions. -->
左右のサイドベアリングを注意深く設定していれば、ほとんどの場合に字間が美しく見えるようにフォントをデザインすることができるでしょう。
しかし、常にいくつかは単純に解決できない場合が存在します。
<P>
<!--
Consider "<FONT FACE="helvetica">To</FONT>" or
"<FONT FACE="helvetica">Av</FONT>" here the standard choices are inappropriate.
The "<FONT FACE="helvetica">o</FONT>" will look better if it can slide more
to the left and snuggle under the top bar of the
"<FONT FACE="helvetica">T</FONT>". This is called kerning, and it is used
to control inter-glyph spacing on a pair-by-pair basis. -->
ここでは“<FONT FACE="helvetica">To</FONT>”や“<FONT FACE="helvetica">Av</FONT>”などの標準的設定が不適切だった場合を考えましょう。文字“<FONT FACE="helvetica">o</FONT>”は、より左にずらして“<FONT FACE="helvetica">T</FONT>" のトップバーの下にもぐり込むようにしたほうが美しく見えるでしょう。これはカーニングと呼ばれ、グリフ間の空きを各文字対に基づいて制御します。
<TABLE BORDER CELLPADDING="2">
<CAPTION>
<!-- Kerning-->
カーニング
</CAPTION>
<TR>
<TD><IMG src="../../_images/To-unkerned.png" WIDTH="204" HEIGHT="323"></TD>
<TD><IMG src="../../_images/To-kerned.png" WIDTH="204" HEIGHT="323"></TD>
</TR>
</TABLE>
<P>
<!--
In the above example the left image shows the unkerned text, the right shows
the kerned text. To create a kerned pair, simply click on the right glyph
of the pair, the line (normally the horizontal advance) between the two should
go green (and becomes the kerned advance). Drag this line around until the
spacing looks nice. -->
上の例では左の画像はカーニング無しのテキストを、右はカーニング有りのテキストを示しています。
カーニングのペアを作成するのは簡単です: 右のグリフをクリックすると、2 つのグリフの間の線 (通常は横書きの送り幅) が緑色になります。これを、空きの量が美しく見えるようになるまでドラッグしてください。
<P>
<!--
(Some glyph combinations are better treated by
<A HREF="editexample4.html#ligature">creating a ligature </A>than by kerning
the letters) -->
(ある種のグリフの組み合わせは、カーニングを設定するよりも<A HREF="editexample4.html#ligature">合字を作成</A>したほうが適切に扱えます)
<H3>
<!--Kerning classes -->
カーニングクラス
</H3>
<P>
<!--
If you have many glyphs which have similar kerning features you might instead
wish to create a set of <A HREF="metricsview.html#kernclass">kerning
classes</A> (which might say that A, À, Á, Â, Â,
à and Ä all kern alike). -->
同じようなカーニング機能をもつグリフがたくさんある場合には、それらの代わりに 1 組の<A HREF="metricsview.html#kernclass">カーニングクラスを作成</A>したほうが楽でしょう (これにより A と À, Á, Â, Â, Ã, Ä などがカーニングの上ですべて同じ物として扱われます)。
<H3>
<!--<A NAME="VKern">Vertical</A> Kerning -->
<A NAME="VKern">縦書き</A>カーニング
</H3>
<P>
<!--
FontForge has equivalent support for vertical kerning. It can read and write
vertical kerning information from and to truetype, opentype and svg fonts.
It allows you to create vertical kerning classes. The metrics window has
a vertical mode in which you can set vertical kerning pairs. Finally it has
a command which will copy horizontal kerning information to the vertically
rotated glyphs (That is, if the combination "A" "V" is horizontally kerned
by -200, then "A.vert" "V.vert" should be vertically kerned by -200. -->
FontForge は縦書きカーニングについても横書き同様にサポートしています。TrueType, OpenType および SVG フォントから縦書きカーニングを読み込んだり書き出したりすることができます。縦書きカーニングを作成することも可能です。メトリックウィンドウには、縦書きカーニングペアを設定できる縦書きモードがあります。そして最後に、横書きのカーニング情報を縦向きに回転したグリフにコピーするコマンドがあります (つまり、“A”と“V”の組合せが横書きで -200 だけ詰められている場合、“A.vert”と“V.vert”は -200 だけ縦に詰められるということです)。
<P>
<!--
(Vertical kerning is only available if the font has vertical metrics) -->
(縦書きカーニングは、フォントに縦書きメトリックが存在するときにかぎり利用可能です)
<P>
<P>
<P ALIGN=Center>
— <A HREF="editexample4.html">前</A> — <A HREF="overview.html">目次</A>
— <A HREF="editexample6.html">次</A> —
</DIV>
</BODY></HTML>
|
