Bored with Arial?
Bored with Arial? Sometimes my own thinking, when the Web will like the print world in which we are free to use any font without constraint. These tips may be useful for you who want a font with a different view but still the standard. The idea is very simple, set the Arial only with CSS.
Arial characters
"Arial has good legibility on the size of 12 pixels, equivalent to 9 Point or 0.8em. Less than 12px Arial size will be impressed thin and meetings will make it harder to read. Arial is very well displayed on the official sites (such as profiles) are not using too much text. If the option was dropped in Arial for text, use line spacing greater than the standard, and a minimum font size is 11px. "
Normal
"Arial has good legibility on the size of 12 pixels, equivalent to 9 Point or 0.8em. Less than 12px Arial size will be impressed thin and meetings will make it harder to read. Arial is very well displayed on the official sites (such as profiles) are not using too much text. If the option was dropped in Arial for text, use a line spacing greater than the standard, and a minimum font size is 11px. "
Variation 1
Arial has good legibility on the size of 12 pixels, equivalent to 9 Point or 0.8em. Less than 12px Arial size will be impressed thin and meetings will make it harder to read. Arial is very well displayed on the official sites (such as profiles) are not using too much text. If the option was dropped in Arial for text, use a line spacing greater than the standard, and a minimum font size is 11px.
The above text using Arial font size 11px, the only difference, he displayed by using the property "letter-spacing: 1px;"
. Arial (
font-size: 11px;
Font-family: Arial, Helvetica, sans-serif;
Letter-spacing: 1px;
)
Variation 2
Arial has good legibility on the size of 12 pixels, equivalent to 9 Point or 0.8em. Less than 12px Arial size will be impressed thin and meetings will make it harder to read. Arial is very well displayed on the official sites (such as profiles) are not using too much text. If the option was dropped in Arial for text, use a line spacing greater than the standard, and a minimum font size is 11px.
The above text using Arial font size 12px, here he is shown by using the "letter-spacing:-1px;" and "word-spacing: 3px"
. Arial (
Font-size: 12px;
Font-family: Arial, Helvetica, sans-serif;
Letter-spacing:-1px;
Word-spacing: 3px;
)
Variation 3
Variation 3 is suitable to replace Verdana as a caption or a footnote, the size used in this variation is 10px, and given the thickness of the "font-weight: bold;"
. Arial (
Font-size: 10px;
Font-weight: bold;
Font-family: Arial, Helvetica, sans-serif;
)
Variation 4
I use this variation on the title / header Design World, he uses:
h2 (
Font-weight: bold;
Font-size: 14pt;
Font-family: Arial, Helvetica, Sans-Serif;
Text-transform: uppercase;
Letter-spacing:-1.8p