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
[css].classname
color: #333333;
font-family: Impact, Charcoal, sans-serif;
[/css]
* * * * *
Palatino Linotype
[css].classname
color: #333333;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
[/css]
* * * * *
Tahoma
[css].classname
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
[/css]
* * * * *
Century Gothic
[css].classname
color: #333333;
font-family: Century Gothic, sans-serif;
[/css]
* * * * *
Lucida Sans Unicode
[css].classname
color: #333333;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
[/css]
* * * * *
Arial Black
[css].classname
color: #333333;
font-family: ‘Arial Black’, Gadget, sans-serif;
[/css]
* * * * *
Times New Roman
[css].classname
color: #333333;
font-family: ‘Times New Roman’, Times, serif;
[/css]
* * * * *
Arial Narrow
[css].classname
color: #333333;
font-family: ‘Arial Narrow’, sans-serif;
[/css]
* * * * *
Verdana
[css].classname
color: #333333;
font-family: Verdana, Geneva, sans-serif;
[/css]
* * * * *
Copperplate Gothic Light
[css].classname
color: #333333;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
[/css]
* * * * *
Lucida Console
[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!
[css].classname
color: #333333;
font-family: Gill Sans / Gill Sans MT, sans-serif;
[/css]
* * * * *
Trebuchet MS
[css].classname
color: #333333;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
[/css]
* * * * *
Courier New
[css].classname
color: #333333;
font-family: ‘Courier New’, Courier, monospace;
[/css]
* * * * *
Arial
[css].classname
color: #333333;
font-family: Arial, Helvetica, sans-serif;
[/css]
* * * * *
Georgia
[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.
16 Gorgeous Web Safe Fonts To Use With CSS
Geen opmerkingen:
Een reactie posten