Typography on Web.

19
Typography on web

description

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.

Transcript of Typography on Web.

Page 1: Typography on Web.

Typography on web

Page 2: Typography on Web.

Types of Fonts

Serif

Sanserif Script

Page 3: Typography on Web.

Words SentencesSentences Paragraph

Paragraph Grouping

Grouping SectionsSections Documents

Words to Document

Page 4: Typography on Web.

Letters Spacing

Page 5: Typography on Web.

Line Spacing

Page 6: Typography on Web.

Fonts for small text

Page 7: Typography on Web.

Use of Different Fonts

Page 8: Typography on Web.

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.

Fonts Usages

Page 9: Typography on Web.

Use of Large Fonts

Page 10: Typography on Web.

Use of Large Fonts

Page 11: Typography on Web.

Use of Large Fonts

Page 12: Typography on Web.

Increased white space

Page 13: Typography on Web.

Image & Text

Page 14: Typography on Web.

Brand colors using Typography

Page 15: Typography on Web.

Font variation for Elements

Page 16: Typography on Web.

Text Animation for Slider

Page 17: Typography on Web.

Visual + Typography

Page 18: Typography on Web.

Visual + Typography

Page 19: Typography on Web.

Questions