COLLABORATIVE OPEN SOURCE TYPE DESIGN WORKSHOP

24-25.04.15 MICA Baltimore

with Loraine Furter &
Eric Schrijver

$
Michael Bonfiglio, Stefon Kelly and Jen Evans
$
%
Michael Bonfiglio, Stefon Kelly and Jen Evans
%
;
Miles Holenstein, Trevor Carr and Linxuan Lyu
;
1
Doug Thomas, Chris Fodge and May Kim
1
2
Doug Thomas, Chris Fodge and May Kim
2
3
Doug Thomas, Chris Fodge and May Kim
3
4
Doug Thomas, Chris Fodge and May Kim
4
5
Doug Thomas, Chris Fodge and May Kim
5
6
Doug Thomas, Chris Fodge and May Kim
6
7
Doug Thomas, Chris Fodge and May Kim
7
8
Doug Thomas, Chris Fodge and May Kim
8
9
Doug Thomas, Chris Fodge and May Kim
9
0
Doug Thomas, Chris Fodge and May Kim
0
participants
A
Doug Thomas, Chris Fodge and May Kim
A
B
Doug Thomas, Chris Fodge and May Kim
B
C
Doug Thomas, Chris Fodge and May Kim
C
C
Connor Davenport, Ran Zheng and Hitesh Singhal
C
Connor Davenport, Ran Zheng and Hitesh Singhal
C
Connor Davenport, Ran Zheng and Hitesh Singhal
D
Doug Thomas, Chris Fodge and May Kim
D
E
Doug Thomas, Chris Fodge and May Kim
E
E
Connor Davenport, Ran Zheng and Hitesh Singhal
E
Connor Davenport, Ran Zheng and Hitesh Singhal
E
Connor Davenport, Ran Zheng and Hitesh Singhal
F
Doug Thomas, Chris Fodge and May Kim
F
G
Doug Thomas, Chris Fodge and May Kim
G
H
Doug Thomas, Chris Fodge and May Kim
H
I
Doug Thomas, Chris Fodge and May Kim
I
J
Doug Thomas, Chris Fodge and May Kim
J
K
Doug Thomas, Chris Fodge and May Kim
K
L
Doug Thomas, Chris Fodge and May Kim
L
M
Doug Thomas, Chris Fodge and May Kim
M
N
Doug Thomas, Chris Fodge and May Kim
N
O
Doug Thomas, Chris Fodge and May Kim
O
P
Doug Thomas, Chris Fodge and May Kim
P
Q
Doug Thomas, Chris Fodge and May Kim
Q
R
Doug Thomas, Chris Fodge and May Kim
R
S
Doug Thomas, Chris Fodge and May Kim
S
T
Doug Thomas, Chris Fodge and May Kim
T
U
Doug Thomas, Chris Fodge and May Kim
U
V
Doug Thomas, Chris Fodge and May Kim
V
What’s this?
Embracing the malleability of digital type, Open Source fonts allow one to open up, modify and appropriate their forms.

Open Source fonts also enable new methods of open-ended collaboration. Using platforms like GitHub, fonts can now potentially invite contributions from anyone.

Loraine Furter and Eric Schrijver work with MICA Baltimore’s students, remixing and extending Seb Sanfillipo’s Open Source typefaces. Along the way, they invent the protocols: how do we work together?
W
Doug Thomas, Chris Fodge and May Kim
W
X
Doug Thomas, Chris Fodge and May Kim
X
Y
Doug Thomas, Chris Fodge and May Kim
Y
Z
Doug Thomas, Chris Fodge and May Kim
Z
[
Miles Holenstein, Trevor Carr and Linxuan Lyu
[
]
Miles Holenstein, Trevor Carr and Linxuan Lyu
]
a
Doug Thomas, Chris Fodge and May Kim
a
b
Doug Thomas, Chris Fodge and May Kim
b
c
Doug Thomas, Chris Fodge and May Kim
c
d
Doug Thomas, Chris Fodge and May Kim
d
e
Doug Thomas, Chris Fodge and May Kim
e
g
Doug Thomas, Chris Fodge and May Kim
g
h
Doug Thomas, Chris Fodge and May Kim
h
i
Doug Thomas, Chris Fodge and May Kim
i
j
Doug Thomas, Chris Fodge and May Kim
j
k
Doug Thomas, Chris Fodge and May Kim
k
l
Doug Thomas, Chris Fodge and May Kim
l
m
Doug Thomas, Chris Fodge and May Kim
m
n
Doug Thomas, Chris Fodge and May Kim
n
o
Doug Thomas, Chris Fodge and May Kim
o
p
Doug Thomas, Chris Fodge and May Kim
p
q
Doug Thomas, Chris Fodge and May Kim
q
r
Doug Thomas, Chris Fodge and May Kim
r
s
Doug Thomas, Chris Fodge and May Kim
s
t
Doug Thomas, Chris Fodge and May Kim
t
u
Doug Thomas, Chris Fodge and May Kim
u
v
Doug Thomas, Chris Fodge and May Kim
v
w
Doug Thomas, Chris Fodge and May Kim
w
x
Doug Thomas, Chris Fodge and May Kim
x
y
Doug Thomas, Chris Fodge and May Kim
y
z
Doug Thomas, Chris Fodge and May Kim
z
{
Michael Bonfiglio, Stefon Kelly and Jen Evans
{
}
Michael Bonfiglio, Stefon Kelly and Jen Evans
}
Michael Bonfiglio, Stefon Kelly and Jen Evans worked on adding punctuation glyphs to the font Reglo, using a “design sprint” collaboration process.

SOURCE FILES
Reglo Design Sprint
“We used the concept of ‘design sprints’ to collaborate on creating new font glyphs. We each picked a glyph to work on and then did so for 20 minutes, when time was up we committed our changes and swapped glyphs to continue. Once a glyph was finished, we started on a new one. We continued these rounds until the end of the workshop.”
Doug Thomas, Chris Fodge and May Kim are making Bagnard a sans-serif font.

SOURCE FILES
DOWNLOAD OTF
TRY ME!
Bagnard Sans
Connor Davenport, Ran Zheng and Hitesh Singhal worked on a responsive Reglo that changes with the different screen sizes. The alternate characters are inspired by Joost Schmidt’s Bauhaus modular type.

SOURCE FILES REGLO ADDITIONS
Miles Holenstein, Trevor Carr and Linxuan Lyu added brand new glyphs to the Reglo font, and experimented with a series of scripts and interpolations.

SOURCE REGLO + REGLO CARSON (OTF)
TRY ME!
RegloCarson
Recipe
1. Choose an Open Source font
We worked with Sebastian Sanfillipo’s love letters.
2. Analyze the state of the font, in relation to its history (what has to be done):
Does the font have (technical) limitations? Are they inherent to its concept, its history? Does the font invite new versions/styles/alternates?
3. Choose an action/process to operate on the font:
• add a glyph where none exists
• add a variant design for an existing glyph (alternate)
• modify drawing of a glyph
• change kerning
• design a new style (italic, etc)
• create a new style with a script (+ combined with manual fine-tuning?)
• adjust the font’s metadata
• adapt the font’s README file
4. Choose a protocol of collaboration + corresponding tool (how many people, scripting or not)
• real-time on FontForge
• together around one computer and discuss the actions
• with Git (if prior experience)
5. DO IT!
6. Check the font with FontBakery
7. Generate the font (+ adapt the font readme to describe your modifications)
8. Do we propose back the changes to the original typeface (‘pull request’) or do we start our own version (‘fork’)? What if they say no?
featured fonts from belgium ♥
Sebastien San Filippo’s http://www.love-letters.be/

Bagnard was inspired by the graffitis of an anonymous prisoner of the napoleonic wars, carved in bones. The name of the font, bagnard, means “convict”. It is now Free. https://github.com/sebsan/Bagnard
Reglo is a modular geometrical font, based on circles, quarter of circles, squares.https://github.com/sebsan/Reglo
Cotham Sans is a sans serif grotesk. https://github.com/sebsan/Cotham

Another Belgian favorite: Open Source Publishing’s foundry.
TOOLS
Appendix: Font Formats
  Cubic Béziers Quadratic Béziers Plain-
text
Binary Remarks
ttf     TrueType fonts provide a different, more detailed format for describing hints: rules for how to fit the vector drawing to the grid of the screen. This is especially important for older versions of Windows.
TrueType fonts describe curves in a slightly different way from PostScript fonts: all control points are shared by two on-curve points, whereas each on-curve point has two independent control points. This makes for a different style of drawing that many designers find less intuitive. A cubic drawing can be losslesly converted into a quadratic drawing.
Generally, only fonts that really exploit the possibilities of TrueType (i.e., hinting) are developed directly in TrueType curves. For many other fonts, the TrueType will be generated from PostScript type curves. In this case, it does not make sense to work from the TTF file.
.pfb
.pfa
.pfm
.afm
    PostScript fonts are the O.G.’s of digital type design, filling most of the initial 1990ies catalogs of FontFont, Adobe and Emigre.
Contrary to their TrueType counterparts they were originally designed for print. The hinting system used is less advanced but the increasing resolution in output devices is making PostScript based fonts viable for screen display.
The afore-mentioned foundries have today converted most of their fonts to OTF, but in these cases the OTF still uses the PostScript technology under the hood.
Many type designs still start their lives in the cubic bézier curves of PostScript, so a PostScript font file could double as a source file for open ended collaborations. However, when generating the PostScript file, the designer might have ‘flattened’ the typeface by choosing to remove overlaps.
otf   OTF exists in two flavours: with PostScript style cubic curves, or with TrueType style quadratic curves. Whether the OTF file is a good point of departure depends on the factors descriped for pfd and TTF files.
ufo   UFO is a file format developed for interchanging font data between different programs. Among its advantages is that it is ‘plain-text’: the codes are visible when you open it with a simple text-editor. This makes the codes accessible. It also helps version control systems to easily show what has changed in between different versions of a file.
sfd   A workflow around FontForge SFD files requires contributors to use this program; still because the program is Free and Open Source and runs on all major platforms, this is a better option than a Fontlab VFB based workflow.
sfdir   SFDIR is the multiple files version of the SFD format. Having each glyph in a different file has a number of advantages for version control.
vfb   VFB is the proprietary, binary font format used by Fontlab. UFO was developed as an alternative.

The basis of open-ended typographic collaboration is that we can modify a typeface, and potentially share these modifications with the original author. For that, it is important that we start from the right kind of font file. The analogy with an image: when working on a Photoshop file (or a Gimp file!) one looses the information contained in the layers when exporting it as a PNG file. When saving as a JPEG file, the visual quality even degrades.