16 fuentes que podrás utilizar con hojas de estilo CSS

fontscss

En WebDesignDev, hemos encontrado fuentes que podrán ser utilizadas de «manera segura» con hojas de estilo CSS. Y decimos de «manera segura«, porque podrán utilizarse con la mayoría de las versiones de Windows Mac, Linux.

Es decir, que «casi todos» lo podrán ver, no importando el sistema operativo o el navegador de Internet que se utilice. Cada una de las 16 fuentes, tiene una imagen para que te des una idea de como se verá, junto con el código CSS, que podrá ser copiado y pegado a tu hoja de estilo CSS.

Impact

impact

.classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}

Palatino Linotype

palatino-linotype

.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

Tahoma

tahoma

.classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}

Century Gothic

century-gothic

.classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}

Lucida Sans Unicode

lucida-sans-unicode

.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

Arial Black

arial-black

.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}

Times New Roman

times-new-roman

.classname {
color: #333333;
font-family: 'Times New Roman', Times, serif;
}

Arial Narrow

arial-narrow

.classname {
color: #333333;
font-family: 'Arial Narrow', sans-serif;
}

Verdana

verdana

.classname {
color: #333333;
font-family: Verdana, Geneva, sans-serif;
}

Copperplate Gothic Light

copperplate-gothic-light

.classname {
color: #333333;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}

Lucida Console

lucida-console

.classname {
color: #333333;
font-family: 'Lucida Console', Monaco, monospace;
}

Gill Sans

gill-sans

.classname {
color: #333333;
font-family: Gill Sans / Gill Sans MT, sans-serif;
}

Trebuchet MS

trebuchet-ms

.classname {
color: #333333;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

Courier New

courier-new

.classname {
color: #333333;
font-family: 'Courier New', Courier, monospace;
}

Arial

arial

.classname {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}

Georgia

georgia

.classname {
color: #333333;
font-family: Georgia, Serif;
}

Para poder ver las imágenes de las fuentes con una mejor resolución, les recomendamos lo hagan desde la web del autor del artículo original. El enlace, lo podrán encntrar más abajo.

Vía | WebDesignDev

Ir arriba