<aside> 💡

Learn about Typography for Graphic Design in this section

</aside>

Screenshot 2024-11-04 at 6.39.14 PM.png

Typeface vs. Fonts

<aside> 💡

Typeface: A typeface is a set of typographical symbols and characters. It’s the letters, numbers, and other characters that let us put words on paper (or screen).

</aside>

<aside> 💡

Font: A font, on the other hand, is traditionally defined as a complete character set within a typeface, often of a particular size and style. Fonts are also specific computer files that contain all the characters and glyphs within a typeface.

</aside>

Screenshot 2024-11-04 at 6.39.36 PM.png

Type Styles

There are two main type styles - Serif and Sans Serif. The difference between serif and sans-serif fonts is that serif fonts have those little feet-like hooks extending from their letters, while sans-serif fonts do not.

Screenshot 2024-11-05 at 10.55.58 AM.png

<aside> 💡

Serif: A serif is a decorative stroke that extends from the bar or beam of a letter in a typeface.

</aside>

Dior is an example of a traditional serif font, while Chobani is more of a modern serif font

Dior is an example of a traditional serif font, while Chobani is more of a modern serif font

<aside> 💡

Sans-Serif: Sans-serif fonts do not have the decorative stroke that extend from the bar or bean of a letter in a type face.

</aside>

Examples of sans-serif fonts used in logos

Examples of sans-serif fonts used in logos

<aside> 💡

Choosing between Serif & Sans-Serif

When choosing which type style to use, consider the target audience and personality of your design.

Serif for: Elegant, traditional, story-telling, historical, flare, decorative

Sans-Serif for: Modern, clean, simple, bold, professional

</aside>

Screenshot 2024-11-05 at 11.10.18 AM.png

<aside> 💡

Explore different font pairings:

Use the website below to explore and test different font pairings

Generate font pairing using neural nets

Screenshot 2024-11-05 at 11.05.16 AM.png

</aside>

Tracking/Letter Spacing

<aside> 💡

Tracking: the uniform amount of spacing between characters in a complete section of text (sentence, line, paragraph, page, etc.)

</aside>