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";


<!DOCTYPE html>

    <title>Font Setting Using CSS</title>

    <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>


Basic Fonts for Microsoft System

Following are some of the basic fonts supported by Microsoft System:

  1. Arial
  2. Arial Black
  3. Arial Bold
  4. Georgia Bold Italic
  5. Times New Roman
  6. Comic Sans MS Bold
  7. Courier New Italic
  8. Tahoma
  9. Trebuchet MS Bold Italic
  10. Webdings

Basic Fonts for Macintosh Systems

Following are some of the basic fonts supported by Macintosh System:

  1. Herculanum
  2. Papyrus
  3. Hoefler Text Ornaments
  4. Big Caslon
  5. Marker Felt
  6. Copperplate
  7. Andale Mono
  8. Palatino
  9. Zapf Dingbats
  10. Comic Sans MS

Basic Fonts for Unix Systems

  1. Terminal
  2. Lucida bright
  3. Courier
  4. Utopia
  5. Times
  6. New Century Schoolbook
  7. Fixed
  8. Charter
  9. Helvetica
  10. Lucida Typewriter

Comments and Discussions!

Load comments ↻

Copyright © 2024 www.includehelp.com. All rights reserved.