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
|
Creating letters with consistent stem widths, serifs and heights
================================================================
Many Latin (Greek, Cyrillic) fonts have serifs, special terminators at the end
of stems. And in almost all LGC fonts there should only be a small number of
stem widths used (ie. the vertical stem of "l" and "i" should probably be the
same).
FontForge does not have a good way to enforce consistency, but it does have
various commands to help you check for it, and to find discrepancies.
Let us start with the letter "l" and go through the familiar process of
importing a bitmap and defining its outline.
.. flex-grid::
* - .. image:: /images/l1.png
The imported image
- .. image:: /images/l2.png
Use the magnify tool to examine the bottom serif, and note that it is
symmetric left to right.
- .. image:: /images/l3.png
Outline the right half of the serif
- .. image:: /images/l4.png
select the outline, invoke :menuselection:`Edit --> Copy` then
:menuselection:`Edit --> Paste`, and finally
:menuselection:`Element --> Transformations --> Transform` and select
``Flip`` (from the pull down list) and ``check Horizontal``
* :flex-widths: 1 2 1
- .. image:: /images/l5.png
Drag the flipped serif over to the left until it snuggles up against the left
edge of the glyph
- .. flex-grid::
* - .. image:: /images/l6.png
- .. image:: /images/l7.png
Deselect the path, and select one end point and drag it until it is on top of
the end point of the other half
- .. image:: /images/l8.png
Finish off the glyph
* - But let's do two more things. First let's measure the stem width, and second
let's mark the height of the "l"
- .. image:: /images/l9.png
Select the ruler tool from the tool palette, and drag it from one edge of the
stem to the other. A little window pops up showing the width is 58 units, the
drag direction is 180 degrees, and the drag was -58 units horizontally, and 0
units vertically.
- .. image:: /images/l10.png
Go to the layers palette and select the Guide radio box (this makes the guide
layer editable). Then draw a line at the top of the "l", this line will be
visible in all glyphs and marks the ascent height of this font.
-
Now let's do "i". This glyph looks very much like a short "l" with a dot on top.
So let's copy the "l" into the "i"; this will automatically give us the right
stem width and the correct advance width. The copy may be done either from the
font view (by selecting the square with the "l" in it and pressing
:menuselection:`Edit --> Copy`) or from the outline view (by
:menuselection:`Edit --> Select --> Select All` and
:menuselection:`Edit --> Copy`). Similarly the Paste may be done either in the
font view (by selecting the "i" square and pressing
:menuselection:`Edit --> Paste`) or the outline view (by opening the "i" glyph
and pressing :menuselection:`Edit --> Paste`).
.. flex-grid::
* - .. image:: /images/i1.png
Import the "i" image, and copy the "l" glyph.
- .. image:: /images/i2.png
Select the top serif of the l
- .. image:: /images/i3.png
drag it down to the right height
- .. image:: /images/i4.png
go to the guide layer and add a line at the x-height
.. image:: /images/o5.png
:align: right
Let's look briefly back at the "o" we built before. You may notice that the "o"
reaches a little above the guide line we put in to mark the x-height (and a
little below the baseline). This is called overshoot and is an attempt to remedy
an optical illusion. A curve actually needs to rise about 3% (of its diameter)
above the x-height for it to appear on the x-height.
Let's look at "k". Again we will copy an "l" into it and import an appropriate
image.
.. flex-grid::
* - .. image:: /images/k1.png
Import the "k" image and copy the "l" glyph. Note that the x-height line
matches the "k" (as we would hope). Also note that the width of the "l" is
inappropriate for "k" so we'll have to select it and drag it over.
- .. image:: /images/k2.png
Select the knife tool from the palette, and cut the stem of the "l" shape at
appropriate points for "k".
- .. image:: /images/k3.png
Remove the splines between the cut points. An easy way to do this is to grab
the spline itself, (which selects its end points) and then do
:menuselection:`Edit --> Clear`.
* - .. image:: /images/k4.png
Select the end points and convert them into corner points with
:menuselection:`Point --> Corner`.
- .. image:: /images/k5.png
Then draw in the outer contour.
- .. image:: /images/k6.png
And the inner contour. Finally do an
:menuselection:`Edit --> Select --> Select All` and an
:menuselection:`Element --> Correct Direction`.
|
