This property is well supported in effectively all the browsers. See the Pen Font Families by Aakhya Singh ( on CodePen. In the following example, some of the common fonts for each generic family are used. Some or many of the fonts listed above may not be available on your computer. Examples are Courier, 'Courier New', FreeMono, 'OCR A Std'. Examples are Blippo, Chalkduster, Impact, 'Jazz LET', 'Stencil Std'. Examples are 'Apple Chancery', 'Brush Script MT', 'Brush Script Std', 'Lucida Calligraphy', 'Lucida Handwriting'. These are cursive in nature with slightly italic typeface. Examples are 'Agency FB', Arial, 'Bell Gothic', Calibri, 'Century Gothic', Corbel, 'Droid Sans', 'Franklin Gothic', 'Gill Sans', Helvetica, 'Lucida Sans', Tahoma, Verdana. These do not have serifs which are small lines at the end vertices of characters. Examples are 'Adobe Jenson Pro', Albertus, Baskerville, Bodoni, Bookman, Cambria, 'Copperplate Gothic', Garamond, Georgia, Palatino, 'Times New Roman'. serifĬharacters have tapering end vertices. The names of generic families are serif, sans-serif, cursive, fantasy, monospace.Įach of these generic families is described below along with some examples. Otherwise, the browser will use the default font on the user's system. It is advisable to always give a generic-family at the end so that the browser selects a font from that generic family only (sans-serif in the above case) if the previous fonts are unavailable.

any font installed on the computer that is sans-serif. In case Helvetica is also not available, then the browser will choose any similar sans-serif font i.e. The browser will use Helvetica if it couldn't find Arial. Arial and Helvetica are the names of font-families. To understand it better, consider the above example again. It is a set of fonts which are identical in type. It is the name of a generic-family which is explained below. Now, sans-serif isn't the name of a font. then the browser will use a sans-serif font. If that font is not available or couldn't be used for any reason, then it will use the second font Helvetica. In the above example, the browser will first use Arial. (To return to this page after viewing click 'Back' on your browser.Font-family : Arial, Helvetica, sans-serif You may wish to change some of the tags and/or attributes to experiment with some of the different items discussed in this lesson. The HTML document you have written will be displayed in your browser. If you want to use fonts other than ones pre-installed, as of CSS3, you can use Web Fonts. In the box below, type the following HTML code, then click the 'View' button. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. The font attributes described above are included in the tag as follows: The browser will select the first font in the list that is installed or that can be downloaded using a font-face at-rule. Values are separated by commas to indicate that they are alternatives. Text colors are chosen either according to a hexadecimal numbering system denoting a red-green-blue color value, or by specifying one of sixteen pre-defined colour names that (other than black) can be included in the tag. The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element. One must be careful though to choose a colour that is readable on whatever background colour has been selected.

Using the tag, text can be instructed to display in any colour under the sun. And while current versions of HTML and newer browsers allow greater flexibility in specifying preferred fonts for an HTML document to be displayed in, ultimately the choice is limited by which fonts end-users have installed on their systems (even then users may decide to set their browsers to override preferred font settings). When HTML was first introduced there was only one font available. If a font size is not specified the default setting is 3. Font sizes 2 and 3 are the most commonly used. In HTML, font sizes range from 1-7, with 1 being the smallest.

The tag sets a font's size, typeface and color.

Note: You can 'nest' lists too (ie., subdivide lists), but use this feature sparingly as too many nested items can get difficult to follow. In an ordered list, sequential numbers are generated automatically, as shown below: Between these tags are placed list items with an tag as follows:Īn ordered list is formatted exactly the same as an unordered list, except that tags are used instead of. The tag opens an unordered list while closes it. This is probably the most common type of list on the Web. HTML provides the means for producing two types of lists: unordered (ie., unnumbered) and ordered (ie., numbered) lists.Īn unordered list typically is a bulleted list of items. In this lesson we discuss two more attributes commonly used in the formatting of HTML documents: lists and fonts.

Verdana font family html code