Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Typography
on web
Types of Fonts

Serif

Sanserif

Script
Words to Document
Words

Sentences

Sentences

Paragraph

Paragraph

Grouping

Grouping

Sections

Sections

Documents
Letters Spacing
Line Spacing
Fonts for small text
Use of Different Fonts
Fonts Usages
1. Large fonts are easier to read.
2. It’s work exceptionally well as stand along with design elements.
3. Ap...
Use of Large Fonts
Use of Large Fonts
Use of Large Fonts
Increased white space
Image & Text
Brand colors using Typography
Font variation for Elements
Text Animation for Slider
Visual + Typography
Visual + Typography
Questions
Upcoming SlideShare
Loading in …5
×

Typography on Web.

4,537 views

Published on

It’s been said that web design is 95% typography. So as a web designer, getting the typography right is a must. Today with the growing popularity of web fonts and modern CSS techniques, this task has become easier, but it never hurts to have all the help you can get with something so critical. That’s why we’ve rounded up some useful tools to help you create better web typography. Communicating via typefaces. Fonts and layout.

Published in: Design, Technology, Art & Photos

Typography on Web.

  1. Typography on web
  2. Types of Fonts Serif Sanserif Script
  3. Words to Document Words Sentences Sentences Paragraph Paragraph Grouping Grouping Sections Sections Documents
  4. Letters Spacing
  5. Line Spacing
  6. Fonts for small text
  7. Use of Different Fonts
  8. Fonts Usages 1. Large fonts are easier to read. 2. It’s work exceptionally well as stand along with design elements. 3. Appropriate font will well describe and understand the message. 4. Fonts describe mood, emotions, Age and behavior of your website. 5. Font selection is very important part to show your message. 6. Avoid to use Serif font for copy. 7. Use Sanserif (Arial, Verdana, Tahoma, Helvetica ) for small text. 8. Use different type of font variation for text to easy to readable. 9. You can use Serif fonts for heading.
  9. Use of Large Fonts
  10. Use of Large Fonts
  11. Use of Large Fonts
  12. Increased white space
  13. Image & Text
  14. Brand colors using Typography
  15. Font variation for Elements
  16. Text Animation for Slider
  17. Visual + Typography
  18. Visual + Typography
  19. Questions

×