TYPE DESIGN INFORMATION PAGE last updated on Fri Dec 13 00:49:45 EST 2024

FONT RECOGNITION VIA FONT MOOSE

LUC DEVROYE

ABOUT

CSS with vertical rhythm

This page lets you test CSS options for typefaces. Examples include

 body { font-size: 12px; font-family:; }

 p { font-size: 1em; /* 12px */ 

 line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }

 you-got24px { font-size: 2em; /* 24px */ 

 line-height: 1.5em; /* 36px */ 

          margin-top: 0.75em; margin-bottom: 0em; }

 you-got22px { font-size: 1.8333em; /* 22px */ 

 line-height: 1.6364em; /* 36px */ 

          margin-top: 0.8182em; margin-bottom: 0em; }

 you-got20px { font-size: 1.6667em; /* 20px */ 

 line-height: 1.8em; /* 36px */ 

          margin-top: 0.9em; margin-bottom: 0em; }

 you-got18px { font-size: 1.5em; /* 18px */ 

 line-height: 1em; /* 18px */ 

          margin-top: 1em; margin-bottom: 0em; }

 you-got16px { font-size: 1.3333em; /* 16px */ 

 line-height: 1.125em; /* 18px */ 

          margin-top: 1.125em; margin-bottom: 0em; }

 you-got14px { font-size: 1.1667em; /* 14px */ 

 line-height: 1.2857em; /* 18px */ 

          margin-top: 1.2857em; margin-bottom: 0em; } 

EXTERNAL LINKS
CSS with vertical rhythm
MyFonts search
Monotype search
Fontspring search
Google search

INTERNAL LINKS
Fonts and HTML ⦿