Typography

Font families and type scale

sans

CSS class font-dg-sans
Font stack Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif
4xl The quick brown fox jumps over the lazy dog 2.25rem
3xl The quick brown fox jumps over the lazy dog 1.875rem
2xl The quick brown fox jumps over the lazy dog 1.5rem
xl The quick brown fox jumps over the lazy dog 1.25rem
lg The quick brown fox jumps over the lazy dog 1.125rem
base The quick brown fox jumps over the lazy dog 1rem
sm The quick brown fox jumps over the lazy dog 0.875rem
xs The quick brown fox jumps over the lazy dog 0.75rem

noto

CSS class font-dg-noto
Font stack Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif
4xl The quick brown fox jumps over the lazy dog 2.25rem
3xl The quick brown fox jumps over the lazy dog 1.875rem
2xl The quick brown fox jumps over the lazy dog 1.5rem
xl The quick brown fox jumps over the lazy dog 1.25rem
lg The quick brown fox jumps over the lazy dog 1.125rem
base The quick brown fox jumps over the lazy dog 1rem
sm The quick brown fox jumps over the lazy dog 0.875rem
xs The quick brown fox jumps over the lazy dog 0.75rem

mono

CSS class font-dg-mono
Font stack Fira Code, Monaco, Consolas, Courier New, monospace
4xl The quick brown fox jumps over the lazy dog 2.25rem
3xl The quick brown fox jumps over the lazy dog 1.875rem
2xl The quick brown fox jumps over the lazy dog 1.5rem
xl The quick brown fox jumps over the lazy dog 1.25rem
lg The quick brown fox jumps over the lazy dog 1.125rem
base The quick brown fox jumps over the lazy dog 1rem
sm The quick brown fox jumps over the lazy dog 0.875rem
xs The quick brown fox jumps over the lazy dog 0.75rem