Typography
Boystown uses 2 fonts families and has a variety of font sizes it can accomodate. In addition - the fonts are available in 2 weights - bold and normal.
The specified sizes auto shrink to smaller sizes when the viewport shrinks.
font-sans
Source Sans
The five boxing wizards jump quickly.
Jackdaws love my big sphinx of quartz.
font-serif
Roboto Slab
The five boxing wizards jump quickly.
Jackdaws love my big sphinx of quartz.
The following section outlines all the font labels used to indicate styling
base
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
3xl
fontSize: 28px lineHeight: 40pxJackdaws love my big sphinx of quartz.
2xl
fontSize: 24px lineHeight: 32pxJackdaws love my big sphinx of quartz.
xl
fontSize: 20px lineHeight: 28pxJackdaws love my big sphinx of quartz.
lg
fontSize: 18px lineHeight: 24pxJackdaws love my big sphinx of quartz.
md
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
sm
fontSize: 14px lineHeight: 20pxJackdaws love my big sphinx of quartz.
xs
fontSize: 12px lineHeight: 20pxJackdaws love my big sphinx of quartz.
h-3xl
fontSize: 64px lineHeight: 80pxJackdaws love my big sphinx of quartz.
h-2xl
fontSize: 48px lineHeight: 60pxJackdaws love my big sphinx of quartz.
h-xl
fontSize: 40px lineHeight: 48pxJackdaws love my big sphinx of quartz.
h-lg
fontSize: 32px lineHeight: 40pxJackdaws love my big sphinx of quartz.
h-md
fontSize: 24px lineHeight: 32pxJackdaws love my big sphinx of quartz.
h-sm
fontSize: 20px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-xs
fontSize: 18px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-2xs
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-3xs
fontSize: 14px lineHeight: 20pxJackdaws love my big sphinx of quartz.
base
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
3xl
fontSize: 28px lineHeight: 40pxJackdaws love my big sphinx of quartz.
2xl
fontSize: 24px lineHeight: 32pxJackdaws love my big sphinx of quartz.
xl
fontSize: 20px lineHeight: 28pxJackdaws love my big sphinx of quartz.
lg
fontSize: 18px lineHeight: 24pxJackdaws love my big sphinx of quartz.
md
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
sm
fontSize: 14px lineHeight: 20pxJackdaws love my big sphinx of quartz.
xs
fontSize: 12px lineHeight: 20pxJackdaws love my big sphinx of quartz.
h-3xl
fontSize: 64px lineHeight: 80pxJackdaws love my big sphinx of quartz.
h-2xl
fontSize: 48px lineHeight: 60pxJackdaws love my big sphinx of quartz.
h-xl
fontSize: 40px lineHeight: 48pxJackdaws love my big sphinx of quartz.
h-lg
fontSize: 32px lineHeight: 40pxJackdaws love my big sphinx of quartz.
h-md
fontSize: 24px lineHeight: 32pxJackdaws love my big sphinx of quartz.
h-sm
fontSize: 20px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-xs
fontSize: 18px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-2xs
fontSize: 16px lineHeight: 24pxJackdaws love my big sphinx of quartz.
h-3xs
fontSize: 14px lineHeight: 20pxJackdaws love my big sphinx of quartz.