SlideShare a Scribd company logo
1 of 9
Download to read offline
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

More Related Content

Similar to Font tips for web design

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 SharePointD'arce Hess
 
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 DesignProweaver, Inc
 
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 ElementsLany Lyn Magdaraog
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI DesignersRavi Bhadauria
 
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 AmpersandwichJenn Lukas
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Thinkful
 
"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 CannonSara Cannon
 
Webfonts: Demystified
Webfonts: DemystifiedWebfonts: Demystified
Webfonts: DemystifiedMel Choyce
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notesbutest
 
SmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers AmpersandwichSmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers AmpersandwichJenn Lukas
 
Justin French Web Directions07
Justin French Web Directions07Justin French Web Directions07
Justin French Web Directions07justinfrench
 
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 Needculturednanny2786
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and designAndz Bass
 
Web Desiner vs web Developer
Web Desiner vs web DeveloperWeb Desiner vs web Developer
Web Desiner vs web DeveloperAliAhmad604
 

Similar to 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
 
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
 
A Career In Web Design Essay
A Career In Web Design EssayA Career In Web Design Essay
A Career In Web Design Essay
 
Digital Typography Guide For Magazine Publishers
Digital Typography Guide  For Magazine Publishers Digital Typography Guide  For Magazine Publishers
Digital Typography Guide For Magazine Publishers
 

Recently uploaded

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 

Recently uploaded (20)

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 

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