Font Comparison Test - Baseline Alignment Check

Compare all five font kit configurations side-by-side. Focus on baseline alignment and character positioning. Red lines = 20px baseline grid when enabled.

WordPress Kit 1
Editable Headline
The quick brown fox jumps over the lazy dog
Editable Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac felis eu tortor convallis iaculis vitae eget neque. Sed leo est, volutpat sed laoreet non, convallis at metus.
Character Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &!?@#$%€£¥
Size Comparison
10px:Hamburgevons 0123456789
12px:Hamburgevons 0123456789
14px:Hamburgevons 0123456789
16px:Hamburgevons 0123456789
18px:Hamburgevons 0123456789
24px:Hamburgevons 0123456789
36px:Hamburgevons 0123456789
Line-Height Test
line-height: 1.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 1.5
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 2.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
Mixed Weights
Bold text mixed with regular text in the same line. Check for vertical alignment issues.
Enable Lineheight Kit 2
Editable Headline
The quick brown fox jumps over the lazy dog
Editable Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac felis eu tortor convallis iaculis vitae eget neque. Sed leo est, volutpat sed laoreet non, convallis at metus.
Character Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &!?@#$%€£¥
Size Comparison
10px:Hamburgevons 0123456789
12px:Hamburgevons 0123456789
14px:Hamburgevons 0123456789
16px:Hamburgevons 0123456789
18px:Hamburgevons 0123456789
24px:Hamburgevons 0123456789
36px:Hamburgevons 0123456789
Line-Height Test
line-height: 1.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 1.5
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 2.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
Mixed Weights
Bold text mixed with regular text in the same line. Check for vertical alignment issues.
Niks Aangevinkt Kit 3
Editable Headline
The quick brown fox jumps over the lazy dog
Editable Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac felis eu tortor convallis iaculis vitae eget neque. Sed leo est, volutpat sed laoreet non, convallis at metus.
Character Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &!?@#$%€£¥
Size Comparison
10px:Hamburgevons 0123456789
12px:Hamburgevons 0123456789
14px:Hamburgevons 0123456789
16px:Hamburgevons 0123456789
18px:Hamburgevons 0123456789
24px:Hamburgevons 0123456789
36px:Hamburgevons 0123456789
Line-Height Test
line-height: 1.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 1.5
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 2.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
Mixed Weights
Bold text mixed with regular text in the same line. Check for vertical alignment issues.
WP + Lineheight Kit 4
Editable Headline
The quick brown fox jumps over the lazy dog
Editable Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac felis eu tortor convallis iaculis vitae eget neque. Sed leo est, volutpat sed laoreet non, convallis at metus.
Character Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &!?@#$%€£¥
Size Comparison
10px:Hamburgevons 0123456789
12px:Hamburgevons 0123456789
14px:Hamburgevons 0123456789
16px:Hamburgevons 0123456789
18px:Hamburgevons 0123456789
24px:Hamburgevons 0123456789
36px:Hamburgevons 0123456789
Line-Height Test
line-height: 1.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 1.5
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 2.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
Mixed Weights
Bold text mixed with regular text in the same line. Check for vertical alignment issues.
Univers Next Pro Cond Kit 5
Editable Headline
The quick brown fox jumps over the lazy dog
Editable Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac felis eu tortor convallis iaculis vitae eget neque. Sed leo est, volutpat sed laoreet non, convallis at metus.
Character Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &!?@#$%€£¥
Size Comparison
10px:Hamburgevons 0123456789
12px:Hamburgevons 0123456789
14px:Hamburgevons 0123456789
16px:Hamburgevons 0123456789
18px:Hamburgevons 0123456789
24px:Hamburgevons 0123456789
36px:Hamburgevons 0123456789
Line-Height Test
line-height: 1.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 1.5
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
line-height: 2.0
Multiple lines of text to test line-height behavior. Does the spacing look natural? Are characters aligned properly?
Mixed Weights
Bold text mixed with regular text in the same line. Check for vertical alignment issues.