Font Options for HTML
When creating your website one of the key issues is deciding on which font(s) to use. If you want your site to be done in HTML and CSS so it has better SEO your font options are more limited. Granted, you can utilize any font(s) installed on your computer when designing your site, but if the font is not installed on the computer of the person viewing your site, a default font will be substituted and the look you work so hard to achieve will be lost.
Below is a list of fonts that are installed, by default, on both macs and pcs:
- Arial. The quick brown fox jumps over the lazy dog. 1234567890
- Arial Black. The quick brown fox jumps over the lazy dog. 1234567890
- Comic Sans MS. The quick brown fox jumps over the lazy dog. 1234567890
- Courier. The quick brown fox jumps over the lazy dog. 1234567890
- Courier New. The quick brown fox jumps over the lazy dog. 1234567890
- Georgia. The quick brown fox jumps over the lazy dog. 1234567890
- Helvetica. The quick brown fox jumps over the lazy dog. 1234567890
- Impact. The quick brown fox jumps over the lazy dog. 1234567890
- Palatino. The quick brown fox jumps over the lazy dog. 1234567890
- Times New Roman. The quick brown fox jumps over the lazy dog. 1234567890
- Trebuchet MS. The quick brown fox jumps over the lazy dog. 1234567890
- Verdana. The quick brown fox jumps over the lazy dog. 1234567890
Additionally, through CSS you can set font choice priorities. So, say you want to choose a font that isn’t in the list above, like Trajan Pro, you do have the option of setting a “backup” font in case the user does not have Trajan Pro installed on his/her machine.
I hope this little tidbit of information helps, and saves some time and energy when you’re trying to develop your next website!