16 Gorgeous Web Safe Fonts To Use With CSS

Monday, August 4, 2014

I have gathered together a nice resource list of stunning web safe fonts that you can use with CSS stylesheets. “Web Safe” fonts mean that they will be extremely common on most versions of Windows, Mac, Linux etc, so they will be viewable by more a less everyone. Along with each font 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. If you have any others please drop in a comment.


Impact


impact Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Impact, Charcoal, sans-serif;

}[/css]

* * * * *


Palatino Linotype


palatino-linotype


[css].classname {

color: #333333;

font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

}[/css]

* * * * *


Tahoma


tahoma Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Tahoma, Geneva, sans-serif;

}[/css]

* * * * *


Century Gothic


century-gothic Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Century Gothic, sans-serif;

}[/css]

* * * * *


Lucida Sans Unicode


lucida-sans-unicode Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

}[/css]

* * * * *


Arial Black


arial-black Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: ‘Arial Black’, Gadget, sans-serif;

}[/css]

* * * * *


Times New Roman


times-new-roman Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: ‘Times New Roman’, Times, serif;

}[/css]

* * * * *


Arial Narrow


arial-narrow


[css].classname {

color: #333333;

font-family: ‘Arial Narrow’, sans-serif;

}[/css]

* * * * *


Verdana


verdana Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Verdana, Geneva, sans-serif;

}[/css]

* * * * *


Copperplate Gothic Light


copperplate-gothic-light


[css].classname {

color: #333333;

font-family: Copperplate / Copperplate Gothic Light, sans-serif;

}[/css]

* * * * *


Lucida Console


lucida-console Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: ‘Lucida Console’, Monaco, monospace;

}[/css]

* * * * *


Gill Sans – as much as I WISH this was web safe, it is not!


gill-sans


[css].classname {

color: #333333;

font-family: Gill Sans / Gill Sans MT, sans-serif;

}[/css]

* * * * *


Trebuchet MS


trebuchet-ms Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

}[/css]

* * * * *


Courier New


courier-new


[css].classname {

color: #333333;

font-family: ‘Courier New’, Courier, monospace;

}[/css]

* * * * *


Arial


arial Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Arial, Helvetica, sans-serif;

}[/css]

* * * * *


Georgia


georgia Web Safe Fonts To Use With CSS


[css].classname {

color: #333333;

font-family: Georgia, Serif;

}[/css]

The post 16 Gorgeous Web Safe Fonts To Use With CSS appeared first on Web Design Blog | Magazine for Designers.







via http://ift.tt/UWWS9f

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading