Font Usages Set on HTML5 – A lot of things have to be considered when designing a website, but one aspect that is often ignored is the font. Plenty of people know that HTML5 and CSS can do a lot of good together, but few realize just how effective fonts based on HTML5 can be.
The Power of Fonts
No doubt content is king on the web, and a single image can say a lot more than pages and pages of text. But that’s no excuse to disregard the font, as they can be used for more than just providing information. Properly designed, fonts can be used to jazz up a web-page and make it more attractive. By using fonts properly with HTML5, people visiting your site will get the message instantly without reading a whole lot of text.
For example, fonts can become your company’s logo, and if well made will create instant recognition. Fonts can convey emotions as well, and express a great deal about your site. If you browse the web and go to business sites, kids sites, entertainment, science fiction, etc you will see that the fonts they use are closely connected with their site.
This is possible because there are fonts for practically every occasion. For example you will find “party” fonts, calligraphic inspired, Gothic, graffiti, horror, modern, sci-fi and many more. When combined with other elements of a web page, your site will come alive.
Examples of Fonts Set on HTML5
A well made page with HTML5 relays the site’s message clearly. Typography sites for example, will combine fonts with different colors to highlight the possibilities that exist, showing just how fancy one can be with HTML and CSS. On the other hand you will also find business and “corporate” sites that use less fancy fonts, emphasizing readability over fancy design. These sites also use only one or two primary colors and they are often subdued as well.
Other more artistic sites like to merge fonts with the graphics on the page, and you will find these usually on the websites of graphics artists and digital designers. In direct contrast to these are news sites, which use fonts just for displaying information. While artists’ sites will combine fonts and backgrounds in various ways, news and business sites have fonts and backgrounds of contrasting colors and typically white light over dark.
Using Fancy Fonts Effectively
What HTML5 and CSS do well is use fonts as design elements. The text for example, may be placed next to a logo or graphic that will symbolize what the site is about. When merged with a subdued background, the message comes across clearly, while allowing the user to admire the font design and understanding what the site is about. This isn’t easy to pull off, but CSS and HTML5 makes this easier to pull off. Websites may use different kinds of fonts on one page, or just stick to one. There are no rules here, only that it matches your goal.
While there are a lot of ways you can use fonts based on HTML5, don’t lose sight of what they will be for. If your focus is on information, make the fonts are readable. If the fonts are to be use for artistic purposes, make sure that it is right for the site and meets your objectives.