Style Guide
Web design style guide and assets best practices!
UI Styles
Fonts
Headlines
H1: Font Name, 48px
H2: Font Name, 36px
H3: Font Name, 30px
H4: Font Name, 24px
H5: Font Name, 21px
H6: Font Name, 16px
Body Text
B1: Font Name, 20px
B2: Font Name, 17px
B3: Font Name, 16px
Downloading New web Fonts: WOFF2 has some glyphs taller than others, but WOFF does not and all is aligned properly across weights. On the other hand WOFF2 seem to be stronger and more clean in appeal across weights than lighter WOFF.
WOFF (and its successor WOFF2) are compressed file formats created specifically for web fonts. Although regular OpenType fonts (TTF and OTF files) can be used as web fonts, such usage is not recommended as it usually contravenes license agreements.