Skip to content

Collection of Commonly Used Fallback Fonts

Notifications You must be signed in to change notification settings

yesiamrocks/CSS-Fallback-Fonts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 

Repository files navigation

Collection of Commonly Used CSS Fallback Fonts

Sans serif fonts

Font Family: Arial

body {
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Arial Black

body {
     font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Arial Narrow

body {
     font-family: "Arial Narrow", Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Arial Rounded MT Bold

body {
     font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Century Gothic

body {
     font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Calibri

body {
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Candara

body {
     font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Avant Garde

body {
     font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Helvetica

body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Franklin Gothic Medium

body {
     font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Futura

body {
     font-family: Futura, "Trebuchet MS", Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Impact

body {
     font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
     font-size: 16px;
     color: #000;
}

Font Family: Tahoma

body {
     font-family: Tahoma, Verdana, Segoe, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Segoe UI

body {
     font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Geneva

body {
     font-family: Geneva, Tahoma, Verdana, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Optima

body {
     font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Gill Sans

body {
     font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Trebuchet MS

body {
     font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Lucida Grande

body {
     font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     font-size: 16px;
     color: #000;
}

Font Family: Verdana

body {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 16px;
     color: #000;
}

Serif fonts

Font Family: Big Caslon

body {
     font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Didot

body {
     font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Lucida Bright

body {
     font-family: "Lucida Bright", Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Baskerville

body {
     font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Hoefler Text

body {
     font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Goudy Old Style

body {
     font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Cambria

body {
     font-family: Cambria, Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Rockwell

body {
     font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Times New Roman

body {
     font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Perpetua

body {
     font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Bodoni MT

body {
     font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Georgia

body {
     font-family: Georgia, Times, "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Palatino

body {
     font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Rockwell Extra Bold

body {
     font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Garamond

body {
     font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
     font-size: 16px;
     color: #000;
}

Font Family: Book Antiqua

body {
     font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
     font-size: 16px;
     color: #000;
}

Font Family: Calisto MT

body {
     font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
     font-size: 16px;
     color: #000;
}

Monospaced

Font Family: Lucida Console

body {
     font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Andale Mono

body {
     font-family: "Andale Mono", AndaleMono, monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Courier New

body {
     font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Monaco

body {
     font-family: monaco, Consolas, "Lucida Console", monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Consolas

body {
     font-family: Consolas, monaco, monospace;
     font-size: 16px;
     color: #000;
}

Font Family: Lucida Sans Typewriter

body {
     font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
     font-size: 16px;
     color: #000;
}