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.

3,270

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
2 Comments
36 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,270
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
145
Comments
2
Likes
36
Embeds 0
No embeds

No notes for slide
  • Now days various fonts available on webGoogle fontsBahot se limitations the fonts meAaj
  • 1. Serif fonts curves at end2. Sanserif are not curves 3. Script or hand written font
  • 1 .Jab aapkonsebhe fonts use karte ho tab aapko spacing dekhnajarurihai.2. Spacingaapke heading, copy, kojada readable banatahai3. Auraapke
  • 1. Aap font veriationskarsakte ho2. Like for heading, subheading & copy3. Lekinaapke fonts read able hone chahiye.4. Our aapke fonts aapke product our services kosut hone chayeye.
  • Large fonts sizes use karne se message quicklymiltahaiOur kam se kam copy use karne se user fastlywo read karsaktahai.An finally uskojo message denahai who miltahai
  • 1. Minimalistic design our white space use karne se design clean lag rahahai2. Easyly understand hotahai3. Common Use of font for navigation, logo, heading, actions btns
  • Full slider images and appropriate font design understand kartahai.
  • Transcript of "Typography on Web. "

    1. 1. Typography on web
    2. 2. Types of Fonts Serif Sanserif Script
    3. 3. Words to Document Words Sentences Sentences Paragraph Paragraph Grouping Grouping Sections Sections Documents
    4. 4. Letters Spacing
    5. 5. Line Spacing
    6. 6. Fonts for small text
    7. 7. Use of Different Fonts
    8. 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. 9. Use of Large Fonts
    10. 10. Use of Large Fonts
    11. 11. Use of Large Fonts
    12. 12. Increased white space
    13. 13. Image & Text
    14. 14. Brand colors using Typography
    15. 15. Font variation for Elements
    16. 16. Text Animation for Slider
    17. 17. Visual + Typography
    18. 18. Visual + Typography
    19. 19. Questions
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×