When designing for different screen sizes, typography should be considered to ensure the readability of your website. In this video, learn about font-sizing and responsive typography.
- [Instructor] When designing for different screen sizes,…we need to consider not only the actual size of the screens,…but also how people interact with their devices.…For example, people tend to hold their phones…closer to their face when reading,…so if you use the same font size for a phone…as a desktop computer,…the text will appear smaller,…simply because you are further away from the screen.…Here's a great article…that gets into the design thinking around the behavior…of how we use and read on various devices.…I recommend taking a look through it.…
For now, let's talk about how this affects our CSS.…Throughout this series, we've talked about different…length units used with font size.…Let's first look at how pixels are used…with responsive designs.…Using pixels is common…and is a good starting point when learning CSS…since it's a fixed unit.…Pixels are great for accuracy…and gives you more control over your designs.…Pixels are also absolute values,…so 12 pixels is always 12 pixels.…To change the font size in responsive designs,…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.