These screen fonts offer excellent legibility for web pages designed to be read directly from the screen. Typefaces such as Georgia and Verdana were designed specifically for legibility on the computer screen they have exaggerated x-heights and are very robust compared to more traditional typefaces in the same point size.
![html arial font html arial font](https://i.go-travels.com/img/how-to/how-to-use-css-to-change-the-font-on-web-pages-1.png)
The compact letter size of Times New Roman also makes it a good choice if you need to pack a lot of words into a small space. Times New Roman is a good font to use in text-heavy documents that will probably be printed by readers rather than read from the screen. A serif typeface like Times New Roman is about average in legibility on the computer screen and has a moderate x-height. Times New Roman is a good example of a traditional typeface that has been adapted for use on computer screens. Screen legibility is most influenced by the x-height (the height of a lowercase “x”) and the overall size of the typeface. A traditional typeface such as Times Roman is considered one of the most legible on paper, but at screen resolution its size is too small and its shapes look irregular. Some typefaces are more legible than others on the screen. Bear in mind, too, that users can set their browser preferences to display all pages in their favorite font. If you specify a font that is not on the user’s machine, the browser will display your pages using the user-specified default font. In specifying typefaces you should choose from the resident default fonts for most operating systems. A layout that is carefully designed using one typeface may not format correctly in another. This is useful not only for aesthetic reasons but also because of the differing dimensions of typefaces. Modern versions of html and css allow designers to specify typeface. Fonts were set by the browser, so pages were viewed in whatever font the user specified in his or her browser preferences.
![html arial font html arial font](https://kinsta.com/wp-content/uploads/2020/08/edit-font-family.png)
With the first versions of html, web authors had no control over typefaces (“fonts” in personal computer terminology).
![html arial font html arial font](https://slideplayer.info/slide/12639520/76/images/8/Contoh%3A+<html><head>+<title>Setting+teks+Teks+Dalam+CSS<%2Ftitle>+<style>+body+{font-family%3Averdana%2Carial%3B}.jpg)
Each typeface has a unique tone that should produce a harmonious fit between the verbal and visual flow of your content.