I think for the back of the stack you want truly web-safe fonts. So then the question is: where are you going to use a half-web-safe font? So whether a given typeface is web-safe or not depends on whether the audience segment in the aggregate likely installed the fonts with Office. – as much as I WISH this was web safe, it is not!įont-family: Gill Sans / Gill Sans MT, sans-serif įont-family: 'Trebuchet MS', Helvetica, sans-serif įont-family: 'Courier New', Courier, monospace įont-family: Arial, Helvetica, sans-serif Ī few of the fonts in this post get their web-safe cred by being included with Office applications, so it’s a better-than-even shot that a given user has installed them either by not paying attention in the course of the Office install or by paying attention and opting for the fonts. * * * * * Web Safe Font – Copperplate Gothic Lightįont-family: Copperplate / Copperplate Gothic Light, sans-serif įont-family: 'Lucida Console', Monaco, monospace

* * * * * Lucida Sans Unicode Font – Safe for the Webįont-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif įont-family: 'Arial Black', Gadget, sans-serif įont-family: 'Times New Roman', Times, serif įont-family: Verdana, Geneva, sans-serif

* * * * * Century Gothic Font – Safe for Web * * * * * Palatino Linotype Web Safe Fontįont-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif Lorem ipsum dolor sit amet, consectetuer adipiscing elit.įont-family: 'Advent Pro' font-size: 22px įont-family: 'Alegreya Sans SC' font-size: 22px įont-family: 'Allerta Stencil' font-size: 22px įont-family: 'Didact Gothic' font-size: 22px įont-family: 'Nova Flat' font-size: 22px įont-family: Impact, Charcoal, sans-serif Do you know other web safe fonts? Let us know in the comment section below. So, here you have 30 web safe fonts to use with CSS. Moreover, these examples include the CSS code which makes them easy to be integrated into your website. These typefaces have remarkable designs and will look great in your projects. Along with each web safe font in this list is a preview image of what it looks like, and the raw CSS code that you can copy and paste directly into your own stylesheet to use the font.

Arial font stack