Practical Responsive Typography

Get your attractive type design up and running in the browser with real-world, responsive, and tailored tutorials
Preview in Mapt

Practical Responsive Typography

Dario Calonaci

Get your attractive type design up and running in the browser with real-world, responsive, and tailored tutorials
Mapt Subscription
FREE
€29.73/m after trial
eBook
€9.66
RRP €24.97
Save 61%
Print + eBook
€25.99
RRP €25.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€9.66
€25.99
€29.74 p/m after trial
RRP €24.97
RRP €25.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Practical Responsive Typography Book Cover
Practical Responsive Typography
€ 24.97
€ 9.66
HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
€ 70.19
€ 9.66
Buy 2 for €19.32
Save €63.74
Add to Cart

Book Details

ISBN 139781785884634
Paperback218 pages

Book Description

Typography is an essential part of any website’s design. It can help you stand out from the crowd, communicate with clarity, and cultivate a distinctive identity.

Practical Responsive Typography demonstrates how to use typography to greatest effect. With this book you won't underestimate it's importance - you'll be in complete control over this crucial component of web design. From scaling and optimizing screen spaces to using a range of different web fonts, you'll quickly get up to speed with the practical considerations behind successful typography.

But more than the fundamentals, you'll also find out how to go further by customizing typography designs to suit your identity.

Table of Contents

Chapter 1: Web Typography
Developing your knowledge
Typefaces classification
Sans Serifs
Expressing different moods
Combining typefaces
Typography properties
Summary
Chapter 2: Responsive Typography
Creating the page
Ligatures
Hierarchy
Example and exercise!
Summary
Chapter 3: Web Fonts and Services
The free services for font embedding
Font Squirrel and its generator
Google web fonts
Summary
Chapter 4: Modern Scale
What is a font scale?
What is an em?
The CSS3 solution
A more complex exercise
Summary
Chapter 5: Viewport and Size
The viewport concept
CSS3 custom units
Summary
Chapter 6: Media Queries
How to write them
Media queries for responsive design
Summary
Chapter 7: Sass and Typography
CSS pre-processors and Sass
Summary
Chapter 8: Three Step Responsive
It actually takes more than three steps
A Sass powered one page website
Modular typography scale with Sass
Sass Mixin for easy responsiveness
A Sass generated responsive grid
Summary
Chapter 9: Future Responsive – Hinting
What is font hinting?
Summary
Chapter 10: Future Responsive – Drop Caps and Shapes
What drop caps are and how to use them
Onto the future – Shaping your text
Summary

What You Will Learn

  • Customize and personalize fonts on a responsive website
  • Learn how to write CSS3 rules for viewports
  • Define media queries and write them using CSS3 and HTML5
  • Implement SASS typography techniques to minimize the CSS output and manage the font variables
  • Get to grips with dropcaps and learn how to use them effectively on the web

Authors

Table of Contents

Chapter 1: Web Typography
Developing your knowledge
Typefaces classification
Sans Serifs
Expressing different moods
Combining typefaces
Typography properties
Summary
Chapter 2: Responsive Typography
Creating the page
Ligatures
Hierarchy
Example and exercise!
Summary
Chapter 3: Web Fonts and Services
The free services for font embedding
Font Squirrel and its generator
Google web fonts
Summary
Chapter 4: Modern Scale
What is a font scale?
What is an em?
The CSS3 solution
A more complex exercise
Summary
Chapter 5: Viewport and Size
The viewport concept
CSS3 custom units
Summary
Chapter 6: Media Queries
How to write them
Media queries for responsive design
Summary
Chapter 7: Sass and Typography
CSS pre-processors and Sass
Summary
Chapter 8: Three Step Responsive
It actually takes more than three steps
A Sass powered one page website
Modular typography scale with Sass
Sass Mixin for easy responsiveness
A Sass generated responsive grid
Summary
Chapter 9: Future Responsive – Hinting
What is font hinting?
Summary
Chapter 10: Future Responsive – Drop Caps and Shapes
What drop caps are and how to use them
Onto the future – Shaping your text
Summary

Book Details

ISBN 139781785884634
Paperback218 pages
Read More

Read More Reviews

Recommended for You

HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
€ 70.19
€ 9.66
ReactJS Blueprints Book Cover
ReactJS Blueprints
€ 38.06
€ 9.66
Bootstrap 4 Site Blueprints Book Cover
Bootstrap 4 Site Blueprints
€ 41.63
€ 9.66
Angular 2 By Example Book Cover
Angular 2 By Example
€ 38.06
€ 9.66
Responsive Web Design Patterns Book Cover
Responsive Web Design Patterns
€ 26.16
€ 9.66
Python: Journey from Novice to Expert Book Cover
Python: Journey from Novice to Expert
€ 72.57
€ 9.66