Page 1

FF Chartwell® User Manual

9+41+12121674E 16+42+516261p 1+23+151610811421a 30+24+234371r 26+22+721111342n 36+4+515149321K 43+22+8118W 24+31+1711732R 12+11+26184281I 1+19+24206812K 32+22+1769321z 12+35+2031694Y 43+20+341421O 7+18+10571117312Q

46+20+119132c 13+17+15209410321J 40+15+144321g 27+14+41395132u 22+13+2161423F 3+7+37121668412B 45+14+811356D 24+15+27234351u 1+22+117514431I 42+27+117621S 36+9+4166321u 16+4+3215267531T 6+18+3291146521Q 46+9+1311351L

14+30+171754102o 43+8+911141732k 38+5+192153814A 36+19+13151532v 36+26+1776231U 43+16+5141121I 11+31+207612541k 12+12+63191312D 2+46+617227n 48+16+136521K 42+28+410812r 15+18+2810111462b 34+12+82161432D 17+28+59713613q

FontFont.com

43+20+341421O 7+18+10571117312Q 45+13+12451B 6+44+8183124e 22+37+1911241v 36+21+41498321S 50+5+174261X 47+5+212941O 23+9+519121167421d 35+12+53R 5+20+1814165147l 12+37+717125412n 48+10+2075213L 45+6+3204521b

6+18+3291146521Q 46+9+1311351L 5+31+111623752t 48+4+11163126n 50+8+1747231H 33+4+1317166152F 22+28+54129361a 16+25+62085721F 13+36+157910241W 18+39+2195321b 45+7+1851112E 43+20+2149631f 8+4+3211146521z 100+Q

34+12+82161432D 17+28+59713613q 5+5+396138731M 1+13+2033611421g 38+2+279673G 37+30+1064251U 25+37+14104231A 11+19+2371126153L 28+14+5845h 7+19+33158721D 12+20+2343149512k 3+43+171126832L 38+17+1512973K 13+1+29616842S

48+10+2075213L 45+6+3204521b 25+35+10118213b 21+39+10119321i 25+9+2018106231i 20+1+4197231856M 17+27+261722b 28+2+18141151g 49+8+3218751v 11+36+14471221m 15+37+6319921T 22+32+18610123X 47+16+623751g 12+22+10721811931H

8+4+3211146521z 100+Q 27+1+K82719324 33+13+410256311C 10+13+231198231A 5+2+3192071016R 8+24+2114154321a 14+31+19482731y 100+P 21+27+4231216Z 50+22+511631y 9+41+12121674E 16+42+516261p 1+23+151610811421a

38+17+1512973K 13+1+29616842S 3+12+2261141413y 8+8+142018591X 50+25+11143c 9+23+252062541m 50+14+11241y 46+8+10155631J 25+11+325321s 18+24+178312I 32+10+926513i 46+20+119132c 13+17+15209410321J 40+15+144321g

47+16+623751g 12+22+10721811931H 42+6+192341n 29+29+7142413J 15+24+231756324J 37+28+83541R 28+27+12510912y 15+29+9316511C 46+8+72514431c 30+16+17135312q 35+20+127346512H 14+30+171754102o 43+8+911141732k 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 Don’t forget to set the font in a large size. FF Chartwell is smaller than usual. 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 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 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 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 a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

p

q

r

s

t

u

v

w

x

y

z

A

B

C

D

E

F

G

H

I

J

K

L

M

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

50+35+95 Layered charts can be created for more complex diagrams.

FF Chartwell User Manual – Page 5

55+70+100+65 25+10+90+45

60+65+100+80+95 45+60+80+65+85 25+50+60+55+75


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

c+50+35+95+15+65

50+35+75+15+65 85+55+80+30+70 90+75+85+55+85

c+85+55+100+40+60

Use letters a—f to define the grid.

a FF Chartwell User Manual – Page 6

b

c

d

e


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

10

20

30

40

10

20

30

40

375+625= 350+650= 400+600= 440+560= 280+720=

FF Chartwell User Manual – Page 7

50

60

70

80

90

100

60

70

80

90

100

50

530 420 300

600 400 350

550 290 500

440 300 350

530 390 450

600 330 400

Use the “=” to create a diamond (=).


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 You can create up to ten rings.

FF Chartwell User Manual – Page 8

b

c

d

e


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

You can create up to 30 different wedges.

FF Chartwell User Manual – Page 9

c

d

e

f


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

Add as many circles as you like to the grid.

FF Chartwell User Manual – Page 12

c

d

e


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 FF Chartwell User Manual – Page 13

b

c

d

e


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

b+10,50+30,95+40,60+5,50

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

10,50+30,95+40,60+5,50+20,80+x50

Use letters a—e to define the grid.

a FF Chartwell User Manual – Page 14

b

c

d

e


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 FF Chartwell User Manual – Page 15

b

c

d

e


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+ 50,55+60,90+20,60+20,40

a+10,50+45,90+5,50+10,28+10,50

d+10,70+20,40+5,90+50,70+10,80

Use letters a—e to define the grid.

a You can create up to ten rings.

FF Chartwell User Manual – Page 16

b

c

d

e


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.

FF Chartwell 2.0 User Manual  

Designed by Travis Kochel, FF Chartwell® is a typeface for creating simple graphs. Driven by the frustration of creating graphs within desig...

Read more
Read more
Similar to
Popular now
Just for you