Home »
HTML
Fonts Reference | HTML
HTML | Font Reference: Here, we are going to learn about the fonts in HTML, how to use the fonts, what are the different variations of the fonts?
Submitted by Akash Kumar, on November 05, 2018
Fonts are basically platformed dependent or in simple words, we can say that they are specific to the platform. We will have different look and feel of a web page on different machines running on different operating systems such as Windows, IOS, Linux, Unix etc.
From HTML version 4.0 onwards fonts are set through CSS because font tag is deprecated from it.
A simple syntax of setting font of a body in HTML document as follows.
body {
font-family: "Arial";
}
Example:
<!DOCTYPE html>
<html>
<head>
<title>Font Setting Using CSS</title>
</head>
<body>
<p>Here We are changing the style.</p>
<div style="font-family:arial;">INCLUDEHELP!!!</div>
<br />
<div style="font-size:125%;">INCLUDEHELP!!!</div>
<br />
<div style="font-size:24pt;">INCLUDEHELP!!!</div>
</body>
</html>
Basic Fonts for Microsoft System
Following are some of the basic fonts supported by Microsoft System:
- Arial
- Arial Black
- Arial Bold
- Georgia Bold Italic
- Times New Roman
- Comic Sans MS Bold
- Courier New Italic
- Tahoma
- Trebuchet MS Bold Italic
- Webdings
Basic Fonts for Macintosh Systems
Following are some of the basic fonts supported by Macintosh System:
- Herculanum
- Papyrus
- Hoefler Text Ornaments
- Big Caslon
- Marker Felt
- Copperplate
- Andale Mono
- Palatino
- Zapf Dingbats
- Comic Sans MS
Basic Fonts for Unix Systems
- Terminal
- Lucida bright
- Courier
- Utopia
- Times
- New Century Schoolbook
- Fixed
- Charter
- Helvetica
- Lucida Typewriter