H1 Headlines are Big

Consectetur adipisicing elit, duis aute irure dolor velit esse cillum dolore. Ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, mollit anim id est laborum.

H2 Headlines Slightly Smaller

Velit esse cillum dolore consectetur adipisicing elit, duis aute irure dolor. Ut enim ad minim veniam, excepteur sint occaecat ullamco laboris nisi. Cupidatat non proident, in reprehenderit in voluptate quis nostrud exercitation.

Testing quotation marks:







H3 Headlines are Nearly the Same Size as Paragraph Text

Velit esse cillum dolore quis nostrud exercitation ut labore et dolore magna aliqua. Duis aute irure dolor lorem ipsum dolor sit amet, in reprehenderit in voluptate. Ut enim ad minim veniam, consectetur adipisicing elit, quis nostrud exercitation. Sed do eiusmod tempor incididunt ut aliquip ex ea commodo consequat. Excepteur sint occaecat ut enim ad minim veniam, velit esse cillum dolore.

Kerning Examples

letter-spacing: -0.18em;

This text has very tight kerning. The letters all group together.

letter-spacing: normal;

This text has standard kerning for this font family.

letter-spacing: 1em;

This text has very loose kerning. The letters are far apart from one another.

If you have small blocks of text with letterforms that you want tighter or looser kerning, you can add those styles with a span tag around them.

Testing Soft Hyphens

This text uses the same long word several times to demonstrate soft hyphens. anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism anti­dis­est­ab­lish­ment­arian­ism