CSS Font Family List

CSS Font Family List

Browsers do not support all the fonts, so you need to use multiple fonts to be on safer side. 

CSS font-family defines the priority for the browser to choose the font from multiple fonts.

There are 2 types of font families which you can use –

  • Specific Font-Family – This is a specific type of font like Arial, Verdana, Tahoma
  • Generic Font-Family – This is a General Font and almost all browsers support this generic font family. Example: serif, Sans-serif etc

Example of usage of font-family:

font-family: Verdana, Arial, Tahoma, Serif;

In this case, the main font is Verdana and if this is not available, your browser will use the fallback value. So, the first fallback is Arial. If this font is also not supported by your browser, it will use the Tahoma font and if this font is also not supported, then the browser of the user will set the Serif font.

SANS-SERIF FONT FAMILY

FONT FAMILYAPPEARANCE
Arial

Arial

Arial Black

Arial narrow

Arial Rounded MT Bold

Helvetica

Helvetica

Verdana

Verdana

Calibri

Calibri

Noto

Noto

Lucida Sans

Lucida Sans

Gill Sans

Gill Sans

Century Gothic

Century Gothic

Candara

Candara

Futara

Futara

Franklin Gothic Medium

Franklin Gothic Medium

Trebuchet MS

Trebuchet MS

Geneva

Geneva

Segoe UI

Segoe UI

Optima

Optima

Avanta Garde

Avanta Garde

SERIF FONT FAMILY

FONT FAMILYAPPEARANCE
Times New Roman

Times New Roman

Big Caslon

Big Caslon

Bodoni MT

Bodoni MT

Book Antiqua

Book Antiqua

Bookman

Bookman

New Century Schoolbook

New Century Schoolbook

Calisto MT

Calisto MT

Cambria

Cambria

Didot

Didot

Garamond

Garamond

Georgia

Georgia

Goudy Old Style

Goudy Old Style

Hoefler Text

Hoefler Text

Lucida Bright

Lucida Bright

Palatino

Palatino

Perpetua

Perpetua

Rockwell

Rockwell

Rockwell Extra Bold

Rockwell Extra Bold

Baskerville

Baskerville

MONOSPACE FONT FAMILY

FONT FAMILYAPPEARANCE
Consolas

Consolas

Courier

Courier

Courier New

Courier New

Lucida Console

Lucida Console

Lucidatypewriter

Lucidatypewriter

Lucida Sans Typewriter

Lucida Sans Typewriter

Monaco

Monaco

Andale Mono

Andale Mono

CURSIVE FONT FAMILY

FONT FAMILYAPPEARANCE
Comic Sans

Comic Sans

Comic Sans MS

Comic Sans MS

Apple Chancery

Apple Chancery

Zapf Chancery

Zapf Chancery

Bradley Hand

Bradley Hand

Brush Script MT

Brush Script MT

Brush Script Std

Brush Script Std

Snell Roundhan

Snell Roundhan

URW Chancery

URW Chancery

Coronet script

Coronet script

Florence

Florence

Parkavenue

Parkavenue

FANTASY FONT FAMILY

FONT FAMILYAPPEARANCE
Impact

Impact

Brushstroke

Brushstroke

Luminari

Luminari

Chalkduster

Chalkduster

Jazz LET

Jazz LET

Blippo

Blippo

Stencil Std

Stencil Std

Marker Felt

Marker Felt

Trattatello

Trattatello

Arnoldboecklin

Arnoldboecklin

Oldtown

Oldtown

Copperplate

Copperplate

papyrus

papyrus

CSS Fonts List

FONT FAMILYAPPEARANCE
Abadi MT Condensed Light

Abadi MT Condensed Light

Aharoni

Aharoni

Aharoni Bold

Aharoni Bold

Aldhabi

Aldhabi

AlternateGothic2 BT

AlternateGothic2 BT

Andale Mono

Andale Mono

Andalus

Andalus

Angsana New

Angsana New

AngsanaUPC

AngsanaUPC

Aparajita

Aparajita

Apple Chancery

Apple Chancery

Arabic Typesetting

Arabic Typesetting

Arial

Arial

Arial Black

Arial Black

Arial narrow

Arial narrow

Arial Nova

Arial Nova

Arial Rounded MT Bold

Arial Rounded MT Bold

Arnoldboecklin

Arnoldboecklin

Avanta Garde

Avanta Garde

Bahnschrift

Bahnschrift

Bahnschrift Light

Bahnschrift Light

Bahnschrift SemiBold

Bahnschrift SemiBold

Bahnschrift SemiLight

Bahnschrift SemiLight

Baskerville

Baskerville

Batang

Batang

BatangChe

BatangChe

Big Caslon

Big Caslon

BIZ UDGothic

BIZ UDGothic

BIZ UDMincho Medium

BIZ UDMincho Medium

Blippo

Blippo

Bodoni MT

Bodoni MT

Book Antiqua

Book Antiqua

Book Antiqua

Book Antiqua

Bookman

Bookman

Bradley Hand

Bradley Hand

Browallia New

Browallia New

BrowalliaUPC

BrowalliaUPC

Brush Script MT

Brush Script MT

Brush Script Std

Brush Script Std

Brushstroke

Brushstroke

Calibri

Calibri

Calibri Light

Calibri Light

Calisto MT

Calisto MT

Cambodian

Cambodian

Cambria

Cambria

Cambria Math

Cambria Math

Candara

Candara

Century Gothic

Century Gothic

Chalkduster

Chalkduster

Cherokee

Cherokee

Comic Sans

Comic Sans

Comic Sans MS

Comic Sans MS

Consolas

Consolas

Constantia

Constantia

Copperplate

Copperplate

Copperplate Gothic Light

Copperplate Gothic Light

Copperplate Gothic Bold

Copperplate Gothic Bold

Corbel

Corbel

Cordia New

Cordia New

CordiaUPC

CordiaUPC

Coronetscript

Coronetscript

Courier

Courier

Courier New

Courier New

DaunPenh

DaunPenh

David

David

DengXian

DengXian

DFKai-SB

DFKai-SB

Didot

Didot

DilleniaUPC

DilleniaUPC

DokChampa

DokChampa

Dotum

Dotum

DotumChe

DotumChe

Ebrima

Ebrima

Estrangelo Edessa

Estrangelo Edessa

EucrosiaUPC

EucrosiaUPC

Euphemia

Euphemia

FangSong

FangSong

Florence

Florence

Franklin Gothic Medium

Franklin Gothic Medium

FrankRuehl

FrankRuehl

FreesiaUPC

FreesiaUPC

Futara

Futara

Gabriola

Gabriola

Gadugi

Gadugi

Garamond

Garamond

Gautami

Gautami

Geneva

Geneva

Georgia

Georgia

Georgia Pro

Georgia Pro

Gill Sans

Gill Sans

Gill Sans Nova

Gill Sans Nova

Gisha

Gisha

Goudy Old Style

Goudy Old Style

Gulim

Gulim

GulimChe

GulimChe

Gungsuh

Gungsuh

GungsuhChe

GungsuhChe

Hebrew

Hebrew

Hoefler Text

Hoefler Text

HoloLens MDL2 Assets

HoloLens MDL2 Assets

Impact

Impact

Ink Free

Ink Free

IrisUPC

IrisUPC

Iskoola Pota

Iskoola Pota

Japanese

Japanese

JasmineUPC

JasmineUPC

Javanese Text

Javanese Text

Jazz LET

Jazz LET

KaiTi

KaiTi

Kalinga

Kalinga

Kartika

Kartika

Khmer UI

Khmer UI

KodchiangUPC

KodchiangUPC

Kokila

Kokila

Korean

Korean

Lao

Lao

Lao UI

Lao UI

Latha

Latha

Leelawadee

Leelawadee

Leelawadee UI

Leelawadee UI

Leelawadee UI Semilight

Leelawadee UI Semilight

Levenim MT

Levenim MT

LilyUPC

LilyUPC

Lucida Bright

Lucida Bright

Lucida Console

Lucida Console

Lucida Handwriting

Lucida Handwriting

Lucida Sans

Lucida Sans

Lucida Sans Typewriter

Lucida Sans Typewriter

Lucida Sans Unicode

Lucida Sans Unicode

Lucidatypewriter

Lucidatypewriter

Luminari

Luminari

Malgun Gothic

Malgun Gothic

Malgun Gothic Semilight

Malgun Gothic Semilight

Mangal

Mangal

Marker Felt

Marker Felt

Marlett

Marlett

Meiryo

Meiryo

Meiryo UI

Meiryo UI

Microsoft Himalaya

Microsoft Himalaya

Microsoft JhengHei

Microsoft JhengHei

Microsoft JhengHei UI

Microsoft JhengHei UI

Microsoft New Tai Lue

Microsoft New Tai Lue

Microsoft PhagsPa

Microsoft PhagsPa

Microsoft Sans Serif

Microsoft Sans Serif

Microsoft Tai Le

Microsoft Tai Le

Microsoft Uighur

Microsoft Uighur

Microsoft YaHei

Microsoft YaHei

Microsoft YaHei UI

Microsoft YaHei UI

Microsoft Yi Baiti

Microsoft Yi Baiti

MingLiU

MingLiU

MingLiU_HKSCS

MingLiU_HKSCS

MingLiU_HKSCS-ExtB

MingLiU_HKSCS-ExtB

MingLiU-ExtB

MingLiU-ExtB

Miriam

Miriam

Monaco

Monaco

Mongolian Baiti

Mongolian Baiti

MoolBoran

MoolBoran

MS Gothic

MS Gothic

MS Mincho

MS Mincho

MS PGothic

MS PGothic

MS PMincho

MS PMincho

MS UI Gothic

MS UI Gothic

MV Boli

MV Boli

Myanmar Text

Myanmar Text

Narkisim

Narkisim

Neue Haas Grotesk Text Pro

Neue Haas Grotesk Text Pro

New Century Schoolbook

New Century Schoolbook

News Gothic MT

News Gothic MT

Nirmala UI

Nirmala UI

No automatic language associations

No automatic language associations

Noto

Noto

NSimSun

NSimSun

Nyala

Nyala

Oldtown

Oldtown

Optima

Optima

Palatino

Palatino

Palatino Linotype

Palatino Linotype

papyrus

papyrus

Parkavenue

Parkavenue

Perpetua

Perpetua

Plantagenet Cherokee

Plantagenet Cherokee

PMingLiU

PMingLiU

Raavi

Raavi

Rockwell

Rockwell

Rockwell Extra Bold

Rockwell Extra Bold

Rockwell Nova

Rockwell Nova

Rockwell Nova Cond

Rockwell Nova Cond

Rockwell Nova Extra Bold

Rockwell Nova Extra Bold

Rod

Rod

Sakkal Majalla

Sakkal Majalla

Sanskrit Text

Sanskrit Text

Segoe MDL2 Assets

Segoe MDL2 Assets

Segoe Print

Segoe Print

Segoe Script

Segoe Script

Segoe UI

Segoe UI

Segoe UI Emoji

Segoe UI Emoji

Segoe UI Historic

Segoe UI Historic

Segoe UI Symbol

Segoe UI Symbol

Shonar Bangla

Shonar Bangla

Shruti

Shruti

SimHei

SimHei

SimKai

SimKai

Simplified Arabic

Simplified Arabic

Simplified Chinese

Simplified Chinese

SimSun

SimSun

SimSun-ExtB

SimSun-ExtB

Sitka

Sitka

Snell Roundhan

Snell Roundhan

Stencil Std

Stencil Std

Sylfaen

Sylfaen

Symbol

Symbol

Tahoma

Tahoma

Thai

Thai

Times New Roman

Times New Roman

Traditional Arabic

Traditional Arabic

Traditional Chinese

Traditional Chinese

Trattatello

Trattatello

Trebuchet MS

Trebuchet MS

Tunga

Tunga

UD Digi Kyokasho

UD Digi Kyokasho

UD Digi KyoKasho NK-R

UD Digi KyoKasho NK-R

UD Digi KyoKasho NP-R

UD Digi KyoKasho NP-R

UD Digi KyoKasho N-R

UD Digi KyoKasho N-R

Urdu Typesetting

Urdu Typesetting

URW Chancery

URW Chancery

Utsaah

Utsaah

Vani

Vani

Verdana

Verdana

Verdana Pro

Verdana Pro

Vijaya

Vijaya

Vrinda

Vrinda

Webdings

Webdings

Westminster

Westminster

Wingdings

Wingdings

Yu Gothic

Yu Gothic

Yu Gothic UI

Yu Gothic UI

Yu Mincho

Yu Mincho

Zapf Chancery

Zapf Chancery

CSS Interview Questions and Answers

We can use CSS font-family property either by giving inline CSS or internal CSS to define the font typography.

Inline CSS

<h1 style="font-family: Verdana;"> Font family is verdana</h1>
<h1 style="font-family: Courier;"> Font family is verdana</h1>

Internal CSS

<style>
h1{font-family:Verdana;}
</style>

Tutorials for all brains!