0% found this document useful (0 votes)
143 views18 pages

FF Chartwell 2.0 User Manual

This document provides instructions and examples for using FF Chartwell, a typeface designed for creating simple graphs directly from numeric text strings using OpenType ligatures. It explains the different chart styles available and how to use them, including tips for formatting and compatibility across design applications.

Uploaded by

jfmurillou
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
143 views18 pages

FF Chartwell 2.0 User Manual

This document provides instructions and examples for using FF Chartwell, a typeface designed for creating simple graphs directly from numeric text strings using OpenType ligatures. It explains the different chart styles available and how to use them, including tips for formatting and compatibility across design applications.

Uploaded by

jfmurillou
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

FF Chartwell® User Manual FontFont.

com

9+12+121674E41 46+20+119132c 14+1+71754102o30 43+20+341421O 6+18+3291146521Q 34+12+82161432D 48+10+2075213L 8+32+111465421z 38+17+1512973K 47+16+623751g
16+42+516261p 13+17+15209410321J 43+8+911141732k 7+18+10571117312Q 46+9+1311351L 17+28+59713613q 45+6+3204521b 100+Q 13+1+29616842S 12+22+10721811931H
1+23+151610811421a 40+15+144321g 38+5+192153814A 45+13+12451B 5+31+111623752t 5+5+396138731M 25+35+10118213b 27+8+27193241K 3+12+2261141413y 42+6+192341n
30+24+234371r 27+14+41395132u 36+19+13151532v 6+44+8183124e 48+4+11163126n 1+13+2033611421g 21+39+10119321i 33+13+410256311C 8+8+142018591X 29+29+7142413J
26+22+721111342n 22+13+2161423F 36+26+1776231U 22+37+1911241v 50+8+1747231H 38+2+279673G 25+9+2018106231i 10+13+231198231A 50+25+11143c 15+24+231756324J
36+4+515149321K 3+7+37121668412B 43+16+5141121I 36+21+41498321S 33+4+1317166152F 37+30+1064251U 20+1+4197231856M 5+2+3192071016R 9+23+252062541m 37+28+83541R
43+22+8118W 45+14+811356D 11+31+207612541k 50+5+174261X 22+28+54129361a 25+14+104231A37 17+27+261722b 8+24+2114154321a 50+14+11241y 28+27+12510912y
24+31+1711732R 24+15+27234351u 12+12+63191312D 47+5+212941O 16+25+62085721F 11+19+2371126153L 28+2+18141151g 14+31+19482731y 46+8+10155631J 15+29+9316511C
12+11+26184281I 1+22+117514431I 2+46+617227n 23+9+519121167421d 13+36+157910241W 28+14+5845h 49+8+3218751v 100+P 25+11+325321s 46+8+72514431c
1+19+24206812K 42+27+117621S 48+16+136521K 35+12+53R 18+39+2195321b 7+19+33158721D 11+36+14471221m 21+27+4231216Z 18+24+178312I 30+16+17135312q
32+22+1769321z 36+9+4166321u 42+28+410812r 5+20+1814165147l 45+7+1851112E 12+20+2343149512k 15+37+6319921T 50+22+511631y 32+10+926513i 35+20+127346512H
12+35+2031694Y 16+4+3215267531T 15+18+2810111462b 12+37+717125412n 43+20+2149631f 3+43+171126832L 22+32+18610123X 9+12+121674E41 46+20+119132c 14+1+71754102o30
43+20+341421O 6+18+3291146521Q 34+12+82161432D 48+10+2075213L 8+32+111465421z 38+17+1512973K 47+16+623751g 16+42+516261p 13+17+15209410321J 43+8+911141732k
7+18+10571117312Q 46+9+1311351L 17+28+59713613q 45+6+3204521b 100+Q 13+1+29616842S 12+22+10721811931H 1+23+151610811421a 40+15+144321g 38+5+192153814A
Introducing FF Chartwell
Designed by Travis Kochel, FF Chartwell® is a typeface for creating simple graphs.
Driven by the frustration of creating graphs within design applications and inspired
by typefaces such as F F Beowolf® and FF PicLig™, Travis saw an opportunity to take
advantage of OpenType technology to simplify the process.

Using OpenType ligatures, strings of numbers are automatically transformed into charts.
The data remains in a text box, allowing for easy updates and styling.

It’s really easy to use; you just type a series of numbers like: ”10+13+37+40“, turn on
Discretionary Ligatures and a graph is automatically created. To see the original data all
you need to do is turn off Discretionary Ligatures. All styles support values with
zero or one decimals, but not more.

FF Chartwell was originally released in 2011 under the TK Type foundry.


In 2012, it was added to the FontFont library with the addition of four new chart styles,
the FF Chartwell Polar Series.

The styles of the Coordinate Series (Floating Areas, Floating Bars Vertical, Floating Rings,
Scatter) have been added in 2015, offering a new dimension of data to your graphs.

FF Chartwell User Manual – Page 2


Hints and Tips
Always make sure letter spacing isset to “0”.

Turn on Discretionary Ligatures to transform numbers into charts.

Use InDesign’s Story Editor (Edit > Edit in Story Editor) to edit the values of charts
without having to switch off the OpenType features.

You can change colors if you like: 20+15+25+40

In the Floating styles, the second value must always be greater than the first value
for each value pair.

Please note:
FF Chartwell Pies and FF Chartwell Rings are compatible with Word 2010/2011,
to ensure the color versions works the “+” sign needs to be the same
color as the preceding numbers.

Color versions do not work in Quark XPress.

FF Chartwell Bars and FF Chartwell Bars Vertical are the only fonts that are
currently compatible with iWorks.

FF Chartwell Floating Bars and FF Chartwell Floating Rings are only compatible
with InDesign CS 5, Illustrator CS 6, Photoshop CS 6, and newer versions.
Besides that all FF Chartwell styles are compatible with Adobe Photoshop,
InDesign and Illustrator.

FF Chartwell User Manual – Page 3


FF Chartwell Pies
Each pie has a total value of 100.
If the total is greater than 100, a new chart will begin.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

90%
25+35+40+ 90+ 25+35+40

You can transform the chart into a ring by using letters a–Z.

100+a 100+b 100+c 100+d 100+e 100+f 100+g 100+h 100+i 100+j 100+k 100+l 100+m
a b c d e f g h i j k l m

100+n 100+o 100+p 100+q 100+r 100+s 100+t 100+u 100+v 100+w 100+x 100+y 100+z
n o p q r s t u v w x y z

100+A 100+B 100+C 100+D 100+E 100+F 100+G 100+H 100+I 100+J 100+K 100+L 100+M
A B C D E F G H I J K L M

100+N 100+O 100+P 100+Q 100+R 100+S 100+T 100+U 100+V 100+W 100+X 100+Y 100+Z
N O P Q R S T U V W X Y Z

FF Chartwell User Manual – Page 4


FF Chartwell Areas
Each area supports values from 0 to 100,
and you need to use the ”+“ to connect values.

0+10 0+20 0+30 0+40 0+50 0+60 0+70 0+80 0+90 0+100

10 20 30 40 50 60 70 80 90 100

60+65+100+80+95
55+70+100+65
50+35+95 45+60+80+65+85
25+10+90+45 25+50+60+55+75

Layered charts can be created


for more complex diagrams.

FF Chartwell User Manual – Page 5


FF Chartwell Bars Vertical
Each bar supports values from 0 to 100.
You can use Bars Vertical to create sparklines and other bar graphs.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

50+35+75+15+65
c+50+35+95+15+65 c+85+55+100+40+60 85+55+80+30+70
90+75+85+55+85

Use letters a—f to define the grid.

a b c d e

FF Chartwell User Manual – Page 6


FF Chartwell Bars
Each bar supports values from 0 to 1000,
and you use the ”+“ to connect each value.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

375+625= 350+650= 530 600 550 440 530 600


400+600= 440+560= 420 400 290 300 390 330 Use the “=” to create a diamond (=).
280+720= 300 350 500 350 450 400

FF Chartwell User Manual – Page 7


FF Chartwell Rings
The radius increases after each value and the value of each number
determines the length of each ring.

0+0+10 0+0+20 0+0+30 0+0+40 0+0+50 0+0+60 0+0+70 0+0+80 0+0+90 0+0+100

10 20 30 40 50 60 70 80 90 100

d+90+50+30+40+50+90+40 a+75+66+83+60+73+55+23+42 52+98+27+85+56+68+53+77

Use letters a—e to define the grid.

a b c d e

You can create up to ten rings.

FF Chartwell User Manual – Page 8


FF Chartwell Rose
The number of values determines the width of the wedge,
and the value of each number determines the height of the wedge.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

c+95+80+65+50+35 e+54 a+70+50+32+96+82+26

Use letters a—f to define the grid.

a b c d e f

You can create up to 30 different wedges.

FF Chartwell User Manual – Page 9


FF Chartwell Radar
Axis number increases in relation to the number of values provided,
and the value of each number determines the height of point along axis.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

cx+70+50+73+97+63+77 ax+75+68+80+72+64+19+41 c+45+58+90

Type letter combinations first to define the grid.

a b c d e f

ax bx cx dx ex fx

Adjust the number of values and create a chart with three to ten axes.

FF Chartwell User Manual – Page 10


FF Chartwell Bubbles
The number of values determines the number of circles,
and the value of each number determines the radius of the circle.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

70+50+33+97+63

FF Chartwell User Manual – Page 11


FF Chartwell Scatter
The first value shows the horizontal distance and the second determines the vertical distance. An optional third value
is available to change the size of the dot. If the third value is not set, the dot is set to small default size.

10 20 30 40 50 60 70 80 90 100

X,Y,10 X,Y,20 X,Y,30 X,Y,40 X,Y,50 X,Y,60 X,Y,70 X,Y,80 X,Y,90 X,Y,100

50,50+89,25+34,15,48+21,79,84+64,71,23 a+50,50+97,45+33,12,50+27,85,75 e+50,50

Use letters a—e to define the grid.

a b c d e

Add as many circles as you like to the grid.

FF Chartwell User Manual – Page 12


FF Chartwell Lines
Lines come in six weights ranging from 25 to 390.
By using the letter x in front of a value, you can define a horizontal line going through the certain value the x is combined with.

20+40+20 20+40+20 20+40+20 20+40+20 20+40+20 20+40+20


25 50 80 140 235 390

d+40+20+50+6+17+89+50+62+x17

Use letters a—e to define the grid.

a b c d e

FF Chartwell User Manual – Page 13


FF Chartwell Floating Bars Vertical
The first value determines the distance from the baseline and the second determines the height of the graph.
By using the letter x in front of a value, you can define a horizontal line going through the certain value the x is combined with.

10 20 30 40 50 60 70 80 90 100

10 20 30 40 50 60 70 80 90 100

30,60+0,100+60,30+10,70+30
b+10,50+30,95+40,60+5,50 10,50+30,95+40,60+5,50+20,80+x50
30,80+0,100+20,80+0,90+50

Use letters a—e to define the grid.

a b c d e

FF Chartwell User Manual – Page 14


FF Chartwell Floating Areas
The first value determines the distance from the baseline and the second determines the height of the graph.
By using the letter x in front of a value, you can define a horizontal line going through the certain value the x is combined with.

0+10 0+20 0+30 0+40 0+50 0+60 0+70 0+80 0+90 0+100

10 20 30 40 50 60 70 80 90 100

20,80+5,77+35,100+25,75+10,80 25,75+18,65+45,95+35,70+20,70 35,65+30,60+60,85+40,55+40,60+x50

Use letters a—e to define the grid.

a b c d e

FF Chartwell User Manual – Page 15


FF Chartwell Floating Rings
The two comma-separated values determine the start
and end percentage of the circumference for each ring.

0+0+10 0+0+20 0+0+30 0+0+40 0+0+50 0+0+60 0+0+70 0+0+80 0+0+90 0+0+100

10 20 30 40 50 60 70 80 90 100

10,70+20,40+5,90+50,70+10,80+30,65+
a+10,50+45,90+5,50+10,28+10,50 d+10,70+20,40+5,90+50,70+10,80
50,55+60,90+20,60+20,40

Use letters a—e to define the grid.

a b c d e

You can create up to ten rings.

FF Chartwell User Manual – Page 16


FF Chartwell Supporting Alphabet
A supporting alphabet is included in FF Chartwell.
It contains: extended Latin character set, basic numerals, alphabet and punctuation.

ABCDEFGHIJKLMNO
PQRSTUVWXYZ
abcdefghijklmno
pqrstuvwxyz
ĂÆÇĤËłÐÑÕÜÝÞß
âđèïðħīñöøþÿ
0123456789¼½%
!?&$¥@()[]{}
FF Chartwell User Manual – Page 17
© 2016 Monotype GmbH

FF, FontFont, Beowolf and Chartwell are trademarks of Monotype GmbH registered in the
U.S. Patent and Trademark Office and may be registered in certain other jurisdictions.
PicLig is a trademark of Monotype GmbH and may be registered in certain jurisdictions.
All other trademarks are property of their respective owners.

You might also like