HTML5 – Fonts Reference


HTML – Fonts Reference


”;


Fonts are specific to platform. You will have different look and feel of a web page on different machines running different operating systems like Windows, Linux or Mac iOS. Here we are giving a list of fonts which are available in various operating systems.

HTML <font> tag is deprecated in version 4.0 onwards and now all fonts are set by using CSS. Here is the simple syntax of setting font of a body of web page.

Syntax

In CSS:

body {
   font-family: "new century schoolbook";
}  

In HTML:

<body style = "font-family:new century schoolbook;">

HTML font Tag

HTML <font> tag is deprecated in latest versions of HTML. In older versions font tag can be used to add style, size, and color to the text on your website. You can use a <basefont> tag to set all of your text to the same size, face, and color. HTML font tag have three attributes called size, color, and face to customize your fonts.

Web safe fonts

CSS3 has adapted font combinations technology. If the browser doesn”t support the first font then it tries the next font. Here is the list of CSS Web Safe Fonts.

Example of HTML Fonts

Let”s look at the basic example of the usage of the fonts in the HTML document

<!DOCTYPE html>
<html>
<head>
   <title>Font Setting Using CSS</title>
</head>
<body>
   <p>
      Change any of the style and try it.
   </p>
   <div style="font-family:verdana;">
      This is demo for font family
   </div>
   <br />
   <div style="font-size:120%;">
      This is demo for font size
   </div>
   <br />
   <div style="font-size:14pt;">
      This is demo for font size
   </div>
</body>
</html>

When we run the above code, the output window will pop up displaying the text with different fonts displayed on the webpage.

Fonts for Microsoft Systems

Following are the fonts for Microsoft Systems listed below −

Font Font Font
Andale Mono Arial Arial Bold
Arial Italic Arial Bold Italic Arial Black
Comic Sans MS Comic Sans MS Bold Courier New
Courier New Bold Courier New Italic Courier New Bold Italic
Georgia Georgia Bold Georgia Italic
Georgia Bold Italic Impact Lucida Console
Lucida Sans Unicode Marlett Minion Web
Symbol Times New Roman Times New Roman Bold
Times New Roman Italic Times New Roman Bold Italic Tahoma
Trebuchet MS Trebuchet MS Bold Trebuchet MS Italic
Trebuchet MS Bold Italic Verdana Verdana Bold
Verdana Italic Verdana Bold Italic Webdings

You can check example fonts here Microsoft Fonts Examples.

Fonts for Macintosh Systems

Following is the list of fonts supported by Macintosh System 7 and higher versions.

Font Font Font
American Typewriter Andale Mono Apple Chancery
Arial Arial Black Brush Script
Baskerville Big Caslon Comic Sans MS
Copperplate Courier New Gill Sans
Futura Herculanum Impact
Lucida Grande Marker Felt Optima
Trebuchet MS Verdana Webdings
Palatino Symbol Times
Osaka Papyrus Times New Roman
Textile Zapf Dingbats Zapfino
Techno Hoefler Text Skia
Hoefler Text Ornaments Capitals Charcoal
Gadget Sand

You can check example fonts here Mac Fonts Examples.

Fonts for Unix Systems

Following is the list of fonts supported by most Unix System variants

Font Font Font
Charter Clean Courier
Fixed Helvetica Lucida
Lucida bright Lucida Typewriter New Century Schoolbook
Symbol Terminal Times
Utopia

You can check example fonts here Unix Fonts Examples.

Advertisements

”;

Leave a Reply

Your email address will not be published. Required fields are marked *