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
|
<HTML>
<HEAD>
<!-- Created with AOLpress/2.0 -->
<!-- AP: Created on: 23-Feb-2004 -->
<!-- AP: Last modified: 11-Dec-2005 -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!--<TITLE>Multi Layered Editing of Type3 and SVG fonts</TITLE>-->
<TITLE>Type3 および SVG フォントの複数レイヤ編集</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>
<!--Multi Layered Editing of Type3 and SVG fonts-->
Type3 および SVG フォントの複数レイヤ編集
</H1>
<P>
<!--
Normal builds of fontforge do not have this mode enabled (it can eat up a
lot of memory), if you wish to edit type3 fonts then configure fontforge
with -->
通常設定の FontForge のビルドではこのモードは利用可能になっていません (これは非常に多くのメモリを浪費する可能性があります)。もしあなたが Type3 フォントを編集したいならば、FontForge のビルド時に以下の設定で configure を起動してください:
<BLOCKQUOTE>
<PRE>$ configure --with-multilayer
$ make
$ make install
</PRE>
</BLOCKQUOTE>
<P>
<!--
If you have done this, then loading a type3 font (or an svg font organized
in a similar fashion) will cause FontForge to retain information on each
stroke and fill command. Each command is placed in a separate layer and may
be edited in isolation. -->
これを行ったならば、Type3 フォント (または同様の流儀で編成された SVG フォント) を読み込むと、FontForge は各ストロークと fill コマンドの情報を保持するようになります。各コマンドは独立したレイヤに置かれ、分離して編集することができます。
<P>
<!--
A new font may be converted to a multi-layered font by selecting
Element->Font Info->General->Multi Layered Font. -->
新しいフォントは <CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[一般情報]</CODE>→<CODE>複数レイヤーフォント(<U>M</U>)</CODE> を選択すれば、複数レイヤフォントに変換することができます。
<H2>
<IMG src="../../_images/charview-multilayer.png" WIDTH="348" HEIGHT="571" ALIGN="Right"><!--Multi
Layered editing in the outline view-->
アウトラインビューでの複数レイヤ編集
</H2>
<P>
<!--
In the image at left we have a glyph drawn by stroking two paths. One layer
(containing one of the paths) is currently selected and is drawn in full.
All its points are editable. The other layer is shown as a dashed line. -->
左の図には、2 本のパスのストロークによって描かれたグリフがあります。1 個のレイヤ (パスの 1 本を含む) は現在選択されており、実線で描画されています。そこに含まれるすべての点は編集可能です。他のレイヤは点線で描画されています。
<P>
<!--
The Layer palette looks a little different here. There is no hinting information
(hints are irrelevant in type3 fonts), instead there are two named layers
(background and grid) which behave pretty much as they
<A HREF="charview.html">normally</A> do. They may be made active by clicking
on their names. They may be made invisible by turning off the check box
associated with them. -->
レイヤパレットの見かけは、通常とは少し違っています。ヒント情報はなく (Type3 フォントではヒントは使用不能です)、その代りに、<A HREF="charview.html">通常</A>とよく似たふるまいをする 2 つの名前つきレイヤ (背面とガイド) が存在します。それらの名前をクリックすると使用可能になります。横にあるチェックボックスをクリックすると、それらは見えなくなります。
<P>
<!--
Under these two are the layers that make up the glyph in the font. Each layer
is identified by a small picture of what that layer looks like when rasterized.
Clicking on the layer makes it editable. -->
それら 2 つの下にあるのは、フォントに含まれるグリフを構成するレイヤです。各レイヤは、そのレイヤがラスタライズされたときにどのように見えるかを表す小さな画像によって識別できます。レイヤをクリックすると、それが編集可能になります。
<P>
<!--
The layers are ordered in the list as they will be drawn on the screen. The
topmost layer is drawn first, the bottommost is drawn last. Regions drawn
earlier will be overwritten by Regions drawn later. -->
レイヤは、画面上に描画される順番でリストに並んでいます。いちばん上のレイヤが最初に描画され、いちばん下のレイヤが最後となります。最初に描画した領域は、後から描画した領域によって塗りつぶされます。
<P>
<!--
Double clicking on a layer brings up the <A HREF="#Layer">Layer Info
dialog</A>. -->
レイヤをダブルクリックすると<A HREF="#Layer">レイヤ情報ダイアログ</A>が起動します。
<P>
<!--
Clicking with the right button brings up the layer menu which contains: -->
右ボタンでクリックすると、以下の内容を含むレイヤメニューが起動します:
<DL>
<DT>
<!-- Layer Info...-->
レイヤー情報...
<DD>
<!-- Brings up the <A HREF="multilayer.html#Layer">Layer Info</A> dialog on the
current layer (same as double clicking)
現在のレイヤに関する<A HREF="#Layer">レイヤ情報</A>ダイアログを起動します (ダブルクリックと同じです)。
<DT>
<!-- New Layer...-->
新しいレイヤー...
<DD>
<!-- Creates a new layer and brings up the <A HREF="multilayer.html#Layer">Layer
Info</A> dialog to describe it. (the new layer will appear at the bottom
of the layer list and will be drawn last) -->
新しいレイヤを作成し、それの情報を含む<A HREF="#Layer">レイヤ情報</A>ダイアログを起動します。(新しいレイヤはレイヤリストのいちばん下に現れ、最後に描画されます)。
<DT>
<!-- Del Layer-->
レイヤーを削除
<DD>
<!-- Deletes the current layer (you may not delete the last layer in a glyph)-->
現在のレイヤを削除します (グリフにレイヤが 1 つしかないときは削除できません)。
<DT>
<!-- First-->
最初(F)
<DD>
<!-- Make the current layer the first one to be drawn.-->
現在のレイヤを最初に描画されるように移動します。
<DT>
<!-- Earlier-->
前に(E)
<DD>
<!-- Make the current layer be drawn earlier. (swaps it with the layer above it) -->
現在のレイヤの描画順を繰り上げます (1 つ前のレイヤと入れ換えます)。
<DT>
<!-- Later-->
後に(A)
<DD>
<!-- Makes the current layer be drawn later. (swaps it with the layer below it) -->
現在のレイヤの描画順を繰り下げます。 (1 つ前のレイヤと入れ換えます)。
<DT>
<!-- Last-->
<DD>
<!-- Makes the current layer be drawn last.-->
現在のレイヤを最後に描画されるように移動します。
</DL>
<P>
<!--
Images are allowed in Type3 fonts (but not in svg fonts). You can use the
<A HREF="filemenu.html#Import">File->Import</A> command to load an image
into any of the foreground layers. If the image is a bitmap image and the
layer will be filled, then it will be output with an imagemask command (the
bitmap will be drawn with the fill color), otherwise the image will be drawn
with the colors specified in the image (Transparent images are not supported
here). -->
Type3 フォントでは画像を使用できます (SVG フォントではできません)。<A HREF="filemenu.html#Import"><CODE>ファイル(<U>F</U>)</CODE>→<CODE>取り込み(<U>I</U>)...</CODE></A>コマンドで画像を好きな前面レイヤに読み込むことができます。画像がビットマップ画像であり、それが置かれたレイヤで塗りつぶしモードの描画を行う場合、その画像は imagemask コマンドによって出力され (ビットマップは塗りつぶし色で描画されます)、それ以外の場合は画像で指定されている色で描画されます (ここでは透明画像はサポートされていません)。
<P>
<!--
FontForge will not skew, flip or rotate images. -->
FontForge は画像の歪み、反転または回転変換を行いません。
<H2>
<IMG SRC="layerdlg.png" WIDTH="362" HEIGHT="372" ALIGN="Right"><!--The
<A NAME="Layer">Layer</A> dialog -->
<A NAME="Layer">レイヤ</A>ダイアログ
</H2>
<P>
<!--
This dialog describes various attributes of the way the splines in the current
layer are drawn. -->
このダイアログは、現在のレイヤでスプラインが描画される際のさまざまな属性を記述しています。
<P>
<!--
A layer may be either stroked or filled. Or both. Or neither (layers containing
only images need not be filled or stroked). -->
レイヤは、ストロークとして線を引くか、内部を塗りつぶすか、その両方、またはどちらも使用しないかのどれかが選択できます (画像しか含まないレイヤはストロークも塗りつぶしも必要ありません)。
<P>
<!--
You may either specify a color to be used for stroking or filling the splines
in the layer, or you may specify that the color should be inherited (in
conventional fonts the color will be inherited so that the font user can
specify the font's color). If you do want to specify a color, use a 6 hex-digit
rgb value "#rrggbb". -->
レイヤ内のストロークや塗りつぶしに用いられる色のどちらも指定することができますし、指定された色を引き継ぐこともできます (通常のフォントでは色は引き継がれるので、ユーザは色を指定することができます)。自分で色を指定したい場合、16 進 6 桁の RGB 値“#rrggbb”を使用してください。
<P>
<!--
SVG fonts may include an opacity level (type3 fonts may not). 0 is fully
transparent, 1.0 is fully opaque, .5 is translucent. Again this value may
be inherited from the environment. -->
SVG フォントは透明度レベルを含むことができます (Type3 フォントはできません)。0 は完全に透明で、1.0 は完全に不透明、0.5 が半透明です。この値も環境から引き継ぐことができます。
<P>
<!--
A stroke has a width (which again may be inherited, but probably should not
be). Strokes are drawn using a circular pen. An elliptical pen may be specified
by giving a transformation matrix here. -->
ストロークには幅が指定されています (これも引き継ぐことができますが、これは多分行うべきではないでしょう)。ストロークは円形のペンで描画されます。ここで変換行列を指定することにより、楕円形のペンを使用することもできます。
<P>
<!--
A line may be dashed. Dash patterns are specified as a list of numbers, the
first number in the list will draw a line segment at most that many em-units,
the next number will skip that many em-units, the third will be drawn, and
so on. After then entire list has been used, it will start again at the begining.
If the list has an odd number of elements, then this time through the first
entry indicates that many units should be skipped. So "10" would mean a line
which alternates being drawn every 10 units, while "20 10" would draw 20
units, skip 10, draw 20 and so on. -->
線は破線にすることもできます。破線パターンは数値のリストによって指定されます。リスト内の最初の数値は、指定した em ユニット分の長さの線の素片を引くことを示し、次の数値はその em ユニット分だけのすき間が空くことを表します。3 番目は線が引かれ、以下同様に解釈されます。リストの最後まで使われると、再び先頭に戻ります。リストの要素が奇数個である場合、2 回目には最初の要素が破線の隙間の大きさを表します。ですから“10”という指定は、10 ユニットごとに入れ替わる破線を表し、“20 10”は 20 ユニット描画し、10 ユニットの隙間が空き、20 ユニット描画し……と続く破線になります。
<P>
<!--
Finally a stroke needs to know how to treat the ends of paths, and how to
join non-tangent path-segments. -->
最後に、ストロークでは、パスの終端と、パスが折れ曲がっている所をどう描画するかを指定しなければなりません。
<P>
<P>
<!--
FontForge's rasterization leaves much to be desired. It does not support
full color (rounding everything to a shade of grey), and its stroking algorithm
is quite poor. (it does not rasterize dash) -->
FontForge のラスタライズは、望ましいとはとても言えません。フルカラーをサポートしていません (すべての色を灰色の濃淡に置き換えます) し、ストローク描画アルゴリズムは非常に稚拙です。(ラスタライザは、破線の描画を行いません)
<P>
<P ALIGN=Center>
— <A HREF="charview.html">戻る</A> — <A HREF="overview.html">目次</A> —
<P>
<P>
</DIV>
</BODY></HTML>
|
