Web designing-Importance of Web Fonts & Web Icon Fonts in HTML 5 & CSS 3

May 14, 2014May 14, 2014 Sanjay JainSanjay Jain 0 Comment
Web_fonts

Web_fonts

Nowadays most of the browsers support web fonts & web icon fonts. The best advantage of web fonts is that web fonts allow Web developers to use fonts that are not set up on the individual’s computer. When you have found the web font or web icon font you want to use, it will certainly be automatically downloaded and install to the customer when required. These fonts are defined in the css3 @font-face rule.

font-face-web-font

you have actually possibly used the exact same 3 or 4 font styles on a lot of websites you’ve designed in the past: Arial, Messenger New, Trebuchet MS and Verdana. You understand that virtually all internet browsers will certainly have assistance for these “core” font styles, so you never ever ventured past them given that you wanted the encounter to remain the same for everyone, no matter what browser an individual was making use of to browse. If you were adventurous and wished to include a little typographical deviation, you could have made a custom-made picture of the content in whatever font Photoshop would certainly allow, but those days are in the past.

Now that we’re on the very same page concerning the downsides of the “aged means” of doing points, permit’s look at some amazing HTML 5-powered approaches for presenting customized fonts. Just before we start, we need to have some custom-made fonts to use. Google has a nice interface for downloading and install customized fonts (http://www.google.com/webfonts), and there are plenty of other websites that offer complimentary and non-free typefaces that can fit your taste/needs. You can pick which ones you’d like to use (bearing in mind to consistently comply with copyright standards), and the moment you’ve created and downloaded your collection of fonts, you’ll should setup your CSS to review them.

For simplicity, my file structure will be arrangement with the HTML and CSS data in the same root directory site. I will have a font’s directory site where I will certainly keep all my custom-made fonts.

Types of font formats

  1. True Type Fonts (TTF)
  2. Open Type Fonts (OTF)
  3. The Web Open Font Format (WOFF)
  4. SVG Fonts/Shapes
  5. Embedded Open Type Fonts (EOT)

Advantages of web fonts

  1. We can  animate the icon with CSS3 commands
  2. Lower file size.
  3. Supported by browsers
  4. Beautiful & attractive typography and design

For more details check out mywebsite

Related posts:

Web Designing CoursesWeb Designing Courses – Best Things For Web Designing Program Web Design CoursesWeb Design Courses – Essential Things About Web Designing Web Design CoursesWeb Design Courses – Reason To Choose Web Design Courses DreamweawerBest HTML editor for Web Designers Web_Design_and_DevelopmentWeb Design Courses – Difference Between UI designer & Web Designer web-develomentWeb Development – Create Your Website Yourself

I am a graphic and web designer in Delhi and Professional Web and Graphics Designer & Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.

Web Design Web design courses in Delhi Web development courses web fonts web icon fonts