magiklog: Semi Web Safe Fonts to Spice Up Your Web Designs

Semi Web Safe Fonts to Spice Up Your Web Designs: "

We all know of the usual web safe fonts, you know, Arial, Verdana, Georgia, Times New Roman etc? They’ve been around for years and have become the standard for web typography, but there’s a bunch of fonts out there that are just waiting to be put to use in web design.

Semi web safe fonts is a term I’m using to refer to those fonts that aren’t usually found on multiple operating systems as standard, but are often bundled with common software applications such as Office or the Adobe Creative Suite. How many people do you know who have Microsoft Office on their PC? Quite a few I’d imagine. The same goes if you’re creating a design related site, the users will all probably have the Adobe Creative Suite.

This means there’s a bunch of fonts on their system that can be targeted with CSS, if the font is present it can spice up your website design a treat. If the font isn’t installed, simply specify secondary options so the font reverts back to the popular font stacks. Remember each font has different dimensions, so use them wisely to avoid too much line wrapping, particularly on titles. Let’s take a look at some of the common semi web safe fonts:

Myriad Pro

Myriad

.myriad {
font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
}

Garamond

.garamond {
font-family: Garamond, Times New Roman, Serif;
}

Palatino

.palatino {
font-family: Palatino, Palatino Linotype, Serif;
}

Impact

.impact {
font-family: Impact, Haettenschweiler, Sans-Serif;
}

Tahoma

.tahoma {
font-family: Tahoma, Geneva, Sans-Serif;
}

Century Gothic

.century {
font-family: Century Gothic, Arial, Sans-Serif;
}

Gill Sans

.gill {
font-family: Gill Sans, Arial, Sans-Serif;
}

Lucida

.lucida {
font-family: Lucida Sans Unicode, Lucida Grande, Sans-Serif;
}

Futura

.futura {
font-family: Futura, Verdana, Sans-Serif;
}

Baskerville

.baskerville {
font-family: Baskerville, Times New Roman, Serif;
}

Hoefler Text

Hoefler

.hoefler {
font-family: Hoefler Text, Georgia, Serif;
}

Cooper

Cooper Black

.cooper {
font-family: Cooper Black, Arial Black, Sans-Serif;
}

Rockwell

.rockwell {
font-family: Rockwell, Georgia, Serif;
}

Check over the examples to see if each font is installed on your system. No doubt there will be some discrepancies depending operating systems and software installed, but these semi web safe fonts are definitely worth considering for your next web design project.