metafont-compiler

Metafont Compiler

About the tool

Metafont is a programming language used to define fonts. It was created by Donald Knuth and is a companion to the TeX typesetting system.

A Metafont script describes the shape of a glyph (or multiple glyphs) as a collection of pen strokes. The cool thing about Metafont is that it is a programming language. You can use variables (parameters), loops, and conditionals to define the shape of a glyph. You can also describe the pen strokes declaratively in terms of their desired shape rather than explicitly list the commands to draw them. This allows you to create complex shapes that would be difficult to draw by hand.

To execute Metafont code, you usually need to install the Metafont interpreter on your computer (typically as part of the TeX distribution). To make it easier to experiment with Metafont, I've created this online tool that allows you to run Metafont code online and see the generated output.

P.S. A warning from Donald Knuth:

Type design can be hazardous to your other interests. Once you get hooked, you will develop intense feelings about letterforms; the medium will intrude on the messages that you read. And you will perpetually be thinking of improvements to the fonts that you see everywhere, especially those of your own design.

Demo

Input (Metafont code)

mode_setup;

% parameters are name, width, height over base line, depth below base line
beginchar ("a", 9pt#, 12pt#, 0);
  alpha:=0.65;
  beta:=0.24;

  % define points
  x1 = 0; y1 = 0.8*h;
  x4 = w; y4 = 0.2*h;
  y2 = h; y3 = 0;
  x2 = (alpha-beta)*w;
  x5 = alpha*w;
  x3 = (alpha+beta)*w;
  y5 = 0.5*h;
  x6 = 0; y6 = 0.3*h;
  x7 = 0.2*w; y7 = 0;
  x8 = x5; y8 = 0.2*h;

  % define pen
  pickup pencircle xscaled 0.2w yscaled 0.04w rotated 30;

  % draw
  draw z1{dir 30}..z2{right}..z5{down}..z3{right}..z4{dir 30};
  draw z5..z6{down}..z7{right}..z8;
  penlabels(1,2,3,4,5,6,7,8);
endchar;


% Define a beanlike shape for the character B
beginchar("B",4pt#,4pt#,0);
  % Setup coordinates as an equation system
  y1=y2=y3=0;
  y4=y5=y6=h;
  x1=x4=0;
  x2=x5=w;
  x3=x6=2*w;

  % Define pen
  pickup pencircle xscaled 0.2w yscaled 0.04w rotated 45;

  % Draw the character curve
  % z1 is the same as (x1, y1)
  draw z1..z3..z6{z2-z6}..z5..{z4-z2}z4..cycle;
  penlabels(1,2,3,4,5,6);
endchar;



 em#:=10pt#; cap#:=7pt#;
 thin#:=1/3pt#; thick#:=5/6pt#;
 o#:=1/5pt#;
define_pixels(em,cap);
define_blacker_pixels(thin,thick);
define_corrected_pixels(o);
 curve_sidebar=round 1/18em;
beginchar("O", 0.8em#, cap#, 0); "The letter O";
 penpos1(thick,10); penpos2(.1[thin,thick],90-10);
 penpos3(thick,180+10); penpos4(thin,270-10);
 x1l=w-x3l=curve_sidebar; x2=x4=.5w;
 y1=.49h; y2l=-o; y3=.51h; y4l=h+o;
 penstroke z1e{down}..z2e{right}
            ..z3e{up}..z4e{left}..cycle;
 penlabels(1,2,3,4); endchar;

end1
mode_setup;
2

3
% parameters are name, width, height over base line, depth below base line
4
beginchar ("a", 9pt#, 12pt#, 0);
5
  alpha:=0.65;
6
  beta:=0.24;
7

8
  % define points
9
  x1 = 0; y1 = 0.8*h;
10
  x4 = w; y4 = 0.2*h;
11
  y2 = h; y3 = 0;
12
  x2 = (alpha-beta)*w;
13
  x5 = alpha*w;
14
  x3 = (alpha+beta)*w;
15
  y5 = 0.5*h;
16
  x6 = 0; y6 = 0.3*h;
17
  x7 = 0.2*w; y7 = 0;
18
  x8 = x5; y8 = 0.2*h;
19

20
  % define pen
21
  pickup pencircle xscaled 0.2w yscaled 0.04w rotated 30;
22

23
  % draw
24
  draw z1{dir 30}..z2{right}..z5{down}..z3{right}..z4{dir 30};
25
  draw z5..z6{down}..z7{right}..z8;
26
  penlabels(1,2,3,4,5,6,7,8);
27
endchar;
28

29

30
% Define a beanlike shape for the character B
31
beginchar("B",4pt#,4pt#,0);
32
  % Setup coordinates as an equation system
33
  y1=y2=y3=0;
34
  y4=y5=y6=h;
35
  x1=x4=0;
36
  x2=x5=w;
37
  x3=x6=2*w;
38

39
  % Define pen
40
  pickup pencircle xscaled 0.2w yscaled 0.04w rotated 45;
41

42
  % Draw the character curve
43
  % z1 is the same as (x1, y1)
44
  draw z1..z3..z6{z2-z6}..z5..{z4-z2}z4..cycle;
45
  penlabels(1,2,3,4,5,6);
46
endchar;
47

48

49

50
 em#:=10pt#; cap#:=7pt#;
51
 thin#:=1/3pt#; thick#:=5/6pt#;
52
 o#:=1/5pt#;
53
define_pixels(em,cap);
54
define_blacker_pixels(thin,thick);
55
define_corrected_pixels(o);
56
 curve_sidebar=round 1/18em;
57
beginchar("O", 0.8em#, cap#, 0); "The letter O";
58
 penpos1(thick,10); penpos2(.1[thin,thick],90-10);
59
 penpos3(thick,180+10); penpos4(thin,270-10);
60
 x1l=w-x3l=curve_sidebar; x2=x4=.5w;
61
 y1=.49h; y2l=-o; y3=.51h; y4l=h+o;
62
 penstroke z1e{down}..z2e{right}
63
            ..z3e{up}..z4e{left}..cycle;
64
 penlabels(1,2,3,4); endchar;
65

66
end

Input in the Metafont language.

Mode

proofGenerates proofsheets (glyph previews).

localfontGenerates the font metric file.

Log

The log will be displayed here when compilation starts.

Generated files

Any generated files appear here.

Glyph previews

Any generated glyph previews are displayed here.

Thanks for stopping by my digital playground! If you want to say hi, you can reach out to me on LinkedIn or via email. I'm always keen to chat and connect.

If you really-really like my work, you can support me by buying me a coffee.