CSS-Fallback-Fonts

KO | EN

gitlite — search

#python #android #linux #docker #macos #windows #awesome #cli #pytorch #security #mcp #ios #openai #open-source

CSS-Fallback-Fonts

(★ 18)

Collection of Commonly Used Fallback Fonts

CSS-Fallback-Fonts Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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;
}
```

CSS-Fallback-Fonts

CSS-Fallback-Fonts Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

CSS-Fallback-Fonts

CSS-Fallback-Fonts Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README