Join Laura Franz for an in-depth discussion in this video Working with lining figures (numbers) and acronyms, part of Typography for Web Designers.
In this lesson, we are going to attend to acronyms and lining figures in our text.…You need the files biblio_serif_acronyms. html and biblio_serif_acronyms.css from…the Exercise folder.…You'll also need the Fonts folder with the Chopin Script web font files in it.…Drag a copy of your Fonts folder from your desktop into your Exercise folder so…Chopin Script continues to load properly.…You also need the files biblio_sans_ acronyms.html and biblio_sans_acronyms.css…from the Exercise folder because we'll be working with both the serif web page…and the sans serif web page in this lesson.…
We will start with the serif web page.…Open the serif bibliography web page in the browser to see what we are working with.…Scroll down to the second to last resource on the page.…We are looking for I Love Typography.…Notice that the I-L-T stands out from the rest of the text.…Why? Because capital letters are bigger and squarer.…We all know that if we email or text in all caps, we are yelling.…All caps just feels louder on the page.…
- Understanding how good typography promotes reading
- Choosing web-safe fonts
- Applying web fonts in CSS with @font-face
- Adding and applying the Google Fonts syntax
- Finding and applying a good font size, line height, and line length
- Improving a color palette by improving contrast and reducing optical vibration
- Understanding how people mentally organize, or chunk, visual elements
- Applying a system of hierarchy in HTML and CSS
- Applying vertical spacing in CSS
- Adding emphasis within a heading
- Understanding classic and modernist typographic pages
- Adding a list of links
- Creating drop caps
- Fixing quotation marks, apostrophes, and dashes
Skill Level Appropriate for all
Q: Where can I learn more about graphic design?
A: Discover more about this topic by visiting graphic design on lynda.com.
1. Using Fonts to Communicate the Meaning of a Word or Headline
2. Using Fonts for Text
3. Maximizing Readability
4. Visually Chunking Text
5. Shaping a Page Using Typography
6. Shaping a Traditional Typographic Page
7. Shaping a Modernist Typographic Page
8. Attending to the Typographic Details
Additional resources3m 9s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.