< - start of code - >
<style type="text/css">
h1{
font-family:verdana;
color:navy;
font-size:18px;
margin-bottom:0px;
}
h2{
font-family:verdana;
color:navy;
font-size:16px;
margin-bottom:0px;
}
h3{
font-family:arial;
color:navy;
font-size:12px;
margin-bottom:0px;
}
.underheader{
margin-top:2px;
}
</style>
< - end of sample - >
You see in the codes above that I have customized spacing between the letters in the textual layouting of the sample site. Well, not to mention the font appearance of the texts, too. This is because I want to stress the importance of headlines in the viewing of your site. Yes, even on viewing your site on
handheld communication gizmos that have access to internet browsing.
Well, this is because most viewers, if not all of them, are attracted more on headline text than graphical images or videos on your site. This is because what they are all there for is data or information, and only a few are there to be visually entertained. Certainly, by all means, this is true. 'Cause if it were not, then people wouldn't go to the movies, buy HDTVs, or rent out home videos! With these set of codes, you also make headline texts on your site more enjoyable to read, if not more readable in itself.
Plus, I suggest you use fonts that are found in most web browsers. This would mean using these set of
CSS codes with the most widely used font styles so as to improve the accessibility of your site. Yes, you should definitely consider mobile viewing as well. At least with these set of codes and proper CSS knowledge, you'll have sites that are accessible, usable, and flexible to all types of viewing. Be it viewing your website on a mobile device or the conventional means. That is, with the use of conventional equipment known as desktop and laptop PCs!
