Responsive Web Typography for Modern Web
Measurement and Scale
- Using max-width to make text readable @media{ min-width: 100em){p{}}
- Using EMs(1ems=16px) or REMs =relative ems tide to the root element. For REM need to add poly fill to support older browers.
- Don’t use pixel.
- Use real content instead of garbage content.
Clean Up
- Matching based on oval/ round, wide/tall, thick/thin.
- Performance, Progression, Proportion, Polish.
Selecting Typography for different business
- Select typeface the suits your business and project.
- Look after the pattern that industries follows.
Useful Resources
- Typecast.com
- fonts.com
- webtype.com
- fontdeck.com
- typekit.com