mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-24 13:24:05 -06:00
72 lines
1.6 KiB
Markdown
72 lines
1.6 KiB
Markdown
---
|
|
title: "typography"
|
|
aliases: Typography
|
|
tags:
|
|
- info203
|
|
- visual-design
|
|
---
|
|
|
|
most common fonts
|
|
- gill sans
|
|
- helvetica
|
|
- calibri
|
|
- arial
|
|
- times
|
|
|
|
three types of fonts
|
|
- serif
|
|
- sans serif
|
|
- handwritten
|
|
|
|
point size
|
|
|
|
|
|
leading depends on the font and the user setting but usually is 20% of the font
|
|
|
|
|
|
x height depends on the font.
|
|
- smaller x height adds "elegance"
|
|
- larger x height isbettwe to low res displays
|
|
|
|
|
|
ascenders and descender usually correlates with x height (small x-height > large ascenders and descenders)
|
|
|
|
|
|
weight: usually regullar and bold, also light semibold, ultrabold
|
|
|
|
|
|
sans serifs have less line width variation
|
|
|
|
|
|
some fonts provide small caps and lowercase numbers
|
|
|
|
|
|
|
|
|
|
- serif hypothesis
|
|
- serif fonts are easier to read
|
|
- preferable for long stretches of text because serifs provide anchors and guide the eye
|
|
- not proven
|
|
|
|
more info on the top than the botton
|
|
|
|
|
|
expectation plays an important role
|
|
|
|
|
|
|
|
|
|
## which font to use?
|
|
- depends on context
|
|
- recoomentations
|
|
- slides and posters sans serif
|
|
- printed text serif
|
|
- web sans serif
|
|
- sans serif is better in lower resolutions
|
|
- combinations: (header sans, text serif)
|
|
- comic sans good for dyslexia
|
|
- logos should catch the eye
|
|
|
|
|
|
|