Fonts are specific to platform. You will have a 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 that 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.
Syntax
Here is the simple syntax for setting the font of a body of a web page:
To set font using CSS class:
body{font-family:"new century schoolbook";}
To set font using inline CSS i.e., with HTML tag:
<body style = "font-family:new century schoolbook;">
HTML font Tag
HTML<font> tag is deprecated in latest versions of HTML. In older versions, a 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 tags 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
Open Compiler
<!DOCTYPE html><html><head><title>Font Setting Using CSS</title></head><body><p></p><div style="font-family:verdana;">Change any of the style and try it.</div><br /><div style="font-size:120%;">This is demo for font family</div><br /><div style="font-size:14pt;">This is demo for font size</div></body></html>This is demo for font size
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.
Leave a Reply