Web development common fonts to Windows & Mac
Posted on June 16th, 2009 in HTML / CSS | No Comments »
[style]
p { margin: 10px 0; }
table {
width: 100%;
margin: 0 0 10px;
border: 2px solid Black;
}
caption {
padding: 20px 0 5px;
margin: 0;
font: normal bold 1.35em Arial, Helvetica, sans-serif;
text-align: left;
color: Black;
}
th {
padding: 2px 0;
border: 1px solid Black;
border-bottom-width: 3px;
font: normal bold 1.15em Arial, Helvetica, sans-serif;
}
td {
padding: 5px 20px;
border: 1px solid Silver;
font-size: 1.2em;
}
.bold { font-weight: bold; }
td+td { font-weight: bold; } /* Mozilla only supports W3C defined properties for */
em {
color: Gray;
font-style: italic;
}
.symbol { font-size: 0.8em; }
.mac { color: SteelBlue; }
.mac a { color: MidnightBlue; }
.notes {
font-style: italic;
margin-bottom: 30px;
}
[/style]
Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too.
Read the rest of this entry »



