1. Greetings
from
Portland

2. Quick intro to
Chartwell

3. Pies: Raw Data
5+12+17+66

4. 5+12+1766
Pies: Activated ligatures

5. Pies: Turn it into a ring
3+26+30+41+

6. 3+26+3041A
Pies: Activated ligatures

7. Bars: Raw Data
45+89+23+560=

8. Bars: Activated ligatures
45+89+23+560=

9. Lines: Raw data
25+5+100+45+23+
57+63+11+76

10. Lines: Activated ligatures

11. Why the
font format?

12. Excel, a designer ’s best friend

13. FF Beowulf by Letterror

14. Sauna by Underware

15. Soundwave branding element for a client
1216419846132065416132084913098491598631948655665465465646131239884659
121641984613206541613208491309849159863194865 6 54654656461312398 4659

16. What is this
OpenType stuff?

17. Ligatures
waffle OFF
waffle ON

18. OpenType Code
sub f l by fl ;

19. OpenType Code
sub f l by fl ;
sub f f l by ffl ;

20. So how does
Chartwell work?

21. MAGIC

22. Bars: All possibilities exist as separate glyphs
1 - 1000 (NOT ALL SHOWN HERE)
10 20 30 40 50 60 70 80 90
100 200 300
500

23. Bars: Straight swaps
45+60+211+163=
45 60 211 163 =

24. Bars: Negative sidebearings
SIDEBEARINGS NEGATIVE
SET TO ZERO LEFT SIDEBEARING

25. Bars: Negative sidebearings
45 60 211 163 =
SIDEBEARINGS SET TO ZERO
45+60+211+163=
NEGATIVE LEFT SIDEBEARING

26. Pies: All possibilities exist as separate glyphs
ALL POSSIBILITIES FOR 25 PERCENT

27. Pies: Bow to what comes before
SWAP WITH PRE ROTATED GLYPH

28. Pies: Contextual OT swaps
PRIME MARK INDICATES WHICH
VALUE TO SWAP
sub ten fifteen' by fifteen.ten;
NOTHING HAPPENS 15 PERCENT GLYPH,
TO THIS ONE PRE ROTATED BY 10

29. Pies: Contextual OT swaps
sub ten fifteen' by fifteen.ten;
sub fifteen eight' by eight.fifteen;
PROBLEMS ARISE
AFTER THE SECOND VALUE.
SHOULD BE ROTATED 25

30. Pies: Classes
GROUPED BY STARTING POINT

31. Pies: More classes
ALSO GROUPED BY END POINT

32. Pies: Putting the classes into the OT code
sub @twentyfive_end plus
@zero' by @twentyfive;

33. Pies: Centering the glyphs with a negative left sidebearing
SUBSEQUENT GLYPHS
HAVE WIDTH OF ZERO

34. Lines: Revisiting the context
STARTS AS BARS

35. Lines: Revisiting the context
DETECT PREVIOUS VALUE

36. Lines: Revisiting the context
PULL TOP LEFT CORNER DOWN
TO MEET PREVIOUS VALUE

37. Too many glyphs!
PYTHON AND ROBOFAB
SAVE THE DAY

38. The web

39. Give wrapping element class
INPUT
<div class="chartwell-pies">10+40+50</div>

40. Targetable classes for styling
TARGET VALUES WITH
OUTPUT COLOR IN CSS
<div class="chartwell-pies">
<span class="cw-pies-graph-one cw-graph">
<span class="cw-value-one"></span>
<span class="cw-value-two cw-pies-center"></span>
<span class="cw-value-three cw-pies-center"></
span>
</span>
<span class="cw-raw-data">10+40+50</span>
</div>
CHANGE THE DATA HERE

41. Future plans

42. In progress

43. tktype.com
@traviskochel