SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
FONT TIPS FOR WEB DESIGN


               By:
          Joha Rahman

         http://coolfonts-
   ultimatefonts.blogspot.com/
Designing a Web

 When designing a Web site, there are many
  decisions that are necessary to create a
  design that ensures that the site is attractive
  and easily understood by the readers.
 The site need to serve the needs of the end
  customers, it does not matter if they are
  selling footwear, or a competition sports.
 While stress is being put on the contents, the
  look is also critical so that people will be
  attracted to stay on reading it.
The Design Consideration

 There are many aspects to consider,
  the colors, layout, used images and even the
  kind of used fonts.
 Many inexperienced designers overlook the
  fonts selection thinking it really do not
  matter.
 Fonts are an extremely important part of any
  design, including the design of web sites. It is
  important to carefully examine the fonts in
  your Web site for a number of reasons.
Selection Criteria -
Readability

    First, the most critical policies on the site is, it must be easy
    to read. If the font that you chose to use in your design
    slows down your ability to read the contents even by the
    smallest amount, then don't use it!

  People these days are chasing for time and certainly don't
  want to sit there and try to decipher the information on the
  site, just because the web master of fantasy that is used.
  They'll probably just fall sick of the whole thing and leave,
  and it is a wasted opportunity for the web owner.
 Make sure that you choose a font that is easy to read and
  not too rare, that way people are entertained by it and that
  they can concentrate only on the content of the actual site.
Compatibility

 Suppose you design a Web site, and you will find this beautiful
  font looks so cool and unique and really suited to the design. You
  install on your system and the design the entire site with this
  custom font, that you have found. But when a user visits the site,
  and they do not have the custom font installed on their
  computers, things start to go wrong in a mysterious manner.
 Here is what might happen.
  The user can obtain a prompt by the browser, saying "hey you do
  not have this font installed, you want to find and install?" in
  which most people will say "hell no" and leave. I know that this is
  what I would say. It is no way on earth that I would leave some
  strange site start install anything on my system ever!
Compatability
 The most likely outcome is that the browser will just say "hey we
   lack this policy..." What should I do? OH well I'll just replace the
   font with a default system font "." Suddenly your design looks
   completely different! The fonts that replaces the browser spacing
   of the different letters, it is slightly bigger than before and now it
   is make your design look really weird.

 Probably the font that he'll choose to default is "Courier". For
   those of you who do not know your fonts, Courier is the font for
   really old-school typewriter-like printing and it's horrible! Your
   entire Web site is now similar to junk because although the
   presentation of the page layout is pleasant, the text looks like it is
   produced by a World War 2 era typewriter! Rest assured people
   will leave the site and are never when this occurs.
How You Decide

 When you are deciding on a font to use for
  your site, there are only a few decisions to
  make, and they are really easy.
 First decision is whether you should use a
  serif font, or a Sans-Serif font. Serif is the
  edges just fancy that appear on the more
  contemporary fonts. Just Google and you'll
  instantly see what I was talking about.
CHOOSE YOUR WORDS
 Therefore a serif is a more contemporary style font, and a
  Sans-Serif font is a font of more modern style. Remember
  thinking = fancy edges Serif, Sans-Serif = without fancy
  edges.
  There are many different fonts to choose from this range,
  however try to use a relatively new font. If you follow these
  simple rules, that you never have problems with the fonts
  used in your web designs. The information will always look
  neat, clean and is easily read by your visitors.
 The font that you choose may seem like a very minor thing,
  but try to remember that all the content on your site is
  communicated to the user via the text on your Web site! If
  in many ways this is really one of the most important
  aspects of the entire site.
The Resource

           Get Your Fonts

ULTIMATE FONTS DOWN LOAD



              Writter’s Blog
Blog : http://new-airhostess.blogspot.com/
    eMail : mktg@joharahman.com

Más contenido relacionado

Similar a Font tips for web design

Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
butest
 
Justin French Web Directions07
Justin French Web Directions07Justin French Web Directions07
Justin French Web Directions07
justinfrench
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 

Similar a Font tips for web design (20)

New york web design
New york web designNew york web design
New york web design
 
Best web design
Best web designBest web design
Best web design
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI Designers
 
Successful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's AmpersandwichSuccessful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's Ampersandwich
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
 
"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon
 
Webfonts: Demystified
Webfonts: DemystifiedWebfonts: Demystified
Webfonts: Demystified
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
 
How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?
 
SmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers AmpersandwichSmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers Ampersandwich
 
Justin French Web Directions07
Justin French Web Directions07Justin French Web Directions07
Justin French Web Directions07
 
Site Design Suggestions For Those In Need
Site Design Suggestions For Those In NeedSite Design Suggestions For Those In Need
Site Design Suggestions For Those In Need
 
Website design2
Website design2Website design2
Website design2
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Web Desiner vs web Developer
Web Desiner vs web DeveloperWeb Desiner vs web Developer
Web Desiner vs web Developer
 
Digital Typography Guide For Magazine Publishers
Digital Typography Guide  For Magazine Publishers Digital Typography Guide  For Magazine Publishers
Digital Typography Guide For Magazine Publishers
 

Último

Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
Amil baba
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 

Último (20)

Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 

Font tips for web design

  • 1. FONT TIPS FOR WEB DESIGN By: Joha Rahman http://coolfonts- ultimatefonts.blogspot.com/
  • 2. Designing a Web  When designing a Web site, there are many decisions that are necessary to create a design that ensures that the site is attractive and easily understood by the readers.  The site need to serve the needs of the end customers, it does not matter if they are selling footwear, or a competition sports.  While stress is being put on the contents, the look is also critical so that people will be attracted to stay on reading it.
  • 3. The Design Consideration  There are many aspects to consider, the colors, layout, used images and even the kind of used fonts.  Many inexperienced designers overlook the fonts selection thinking it really do not matter.  Fonts are an extremely important part of any design, including the design of web sites. It is important to carefully examine the fonts in your Web site for a number of reasons.
  • 4. Selection Criteria - Readability  First, the most critical policies on the site is, it must be easy to read. If the font that you chose to use in your design slows down your ability to read the contents even by the smallest amount, then don't use it!  People these days are chasing for time and certainly don't want to sit there and try to decipher the information on the site, just because the web master of fantasy that is used. They'll probably just fall sick of the whole thing and leave, and it is a wasted opportunity for the web owner.  Make sure that you choose a font that is easy to read and not too rare, that way people are entertained by it and that they can concentrate only on the content of the actual site.
  • 5. Compatibility  Suppose you design a Web site, and you will find this beautiful font looks so cool and unique and really suited to the design. You install on your system and the design the entire site with this custom font, that you have found. But when a user visits the site, and they do not have the custom font installed on their computers, things start to go wrong in a mysterious manner.  Here is what might happen. The user can obtain a prompt by the browser, saying "hey you do not have this font installed, you want to find and install?" in which most people will say "hell no" and leave. I know that this is what I would say. It is no way on earth that I would leave some strange site start install anything on my system ever!
  • 6. Compatability  The most likely outcome is that the browser will just say "hey we lack this policy..." What should I do? OH well I'll just replace the font with a default system font "." Suddenly your design looks completely different! The fonts that replaces the browser spacing of the different letters, it is slightly bigger than before and now it is make your design look really weird.  Probably the font that he'll choose to default is "Courier". For those of you who do not know your fonts, Courier is the font for really old-school typewriter-like printing and it's horrible! Your entire Web site is now similar to junk because although the presentation of the page layout is pleasant, the text looks like it is produced by a World War 2 era typewriter! Rest assured people will leave the site and are never when this occurs.
  • 7. How You Decide  When you are deciding on a font to use for your site, there are only a few decisions to make, and they are really easy.  First decision is whether you should use a serif font, or a Sans-Serif font. Serif is the edges just fancy that appear on the more contemporary fonts. Just Google and you'll instantly see what I was talking about.
  • 8. CHOOSE YOUR WORDS  Therefore a serif is a more contemporary style font, and a Sans-Serif font is a font of more modern style. Remember thinking = fancy edges Serif, Sans-Serif = without fancy edges. There are many different fonts to choose from this range, however try to use a relatively new font. If you follow these simple rules, that you never have problems with the fonts used in your web designs. The information will always look neat, clean and is easily read by your visitors.  The font that you choose may seem like a very minor thing, but try to remember that all the content on your site is communicated to the user via the text on your Web site! If in many ways this is really one of the most important aspects of the entire site.
  • 9. The Resource Get Your Fonts ULTIMATE FONTS DOWN LOAD Writter’s Blog Blog : http://new-airhostess.blogspot.com/ eMail : mktg@joharahman.com