To easily solve this problem web designers use what are considered common fonts. Designers consider these names to be some of the ones that most people already have installed on their computers. It is an easy solution because you don't need to do anything extra. Just use the fonts that most everyone already has.
Another method called embedding fonts can show a font that most people don't have. This method requires extra coding and planning. You will place code on the page that automatically downloads the required fonts from a source that is external to the viewer's computer. They are not installed on their computer permanently. However, the browser temporarily uses them while you are viewing the page.
The upside of this method is that you can use most any font provided it is of the proper type. Common file extensions include TTF, OTF, WOFF, and EOT. Developers have designed browsers to use these types when you embed them into your pages.
The downside is that since the browser must download these fonts on an on-demand fashion that adds to the total file size of the page. A font used in this manner can add another 500K to the page. This added size may not be so bad for a desktop device on a high-speed connection that has mostly unlimited bandwidth. A mobile device, however, usually has bandwidth limits and speed constraints, so on a mobile device, this arrangement would not be as desirable. Running your page through one of the online web page testers would frown upon this additional page load.
We don't delve into the complete process of using embedded fonts here. However, there are numerous resources available that you can find by running an internet search. Search for: open fonts embedded on websites or webpages.
Here Are Some Examples of Common Fonts and Typeface Styles
- comic sans ms
- courier new
- ms serif
- times new roman
- trebuchet ms