Els programadors web tenim el problema que no podem utilitzar les fonts que desitgem en els nostres textos webs. Ens tenim que cenyir a les fonts universals en els ordinadors. Fonts com Tahoma, Verdana, Arial ens deixen un ventall petit de possibilitats tipogràfiques, és més, les tenim que utilitzar per tenir una bona sintonia amb SEO i Google.

Aquests anys, han sorgit solucions realitzades amb Javascript per mostrar en la nostra pàgina web les fonts que desitgem. Aquestes solucions, com Typekit, són de pagament i allotgen en un servidor les tipografies per la seva utilització.

Ara, Google ha tret un nou servei tipogràfic que amb un petit codi ens permet mostrar un directori de fonts més modern, alegre i funcional. Encara que aquest directori està definit per Google, les fonts són prou ben realitzades i modernes.

Podreu trobar el seu catàleg tipogràfic.

Alhora de la seva utiltizació, Google Font ens deixa un codi no introsiu, fàcil i compatible amb els nostres estils CSS. El simple fet d’incloure el codi en el nostre header:

I posteriorment en el nostre HTML:

<script src=”http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>// <![CDATA[
WebFont.load({
google: {
families: [ 'Tangerine', 'Cantarell' ]
}
});
// ]]></script>
<!–
.wf-inactive p {
font-family: serif
}
.wf-active p {
font-family: ‘Tangerine’, serif
}
.wf-inactive h1 {
font-family: serif;
font-size: 16px
}
.wf-active h1 {
font-family: ‘Cantarell’, serif;
font-size: 16px
}
–>

// HTML

// CSS
h1 { font-family: ‘Crimson Text’, arial, serif; }
// @import
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

Ens permet d’una forma fàcil gestionar les fonts via CSS. Amb una bona utilització entrem dintre d’una etapa on les webs seran més atractives i els tipògrafs, més contents.

Més informació: Anieto2k

Trobem via GrupoGeek un interessant article on ens llista totes les tipografies que utilitzen els serveis 2.0. La llista és la següent:

• Twitter: Pico Alphabet (modificada)
• Last.fm: National (modificada)
• Vimeo: Black Rose
• Flickr: Frutiger Black
• Facebook: Klavika (modificada)
• Digg: FFF Forward (modificada)
• Cork’d: Triplex
• Grooveshark: FF Nuvo
• Envato: Agenda Italic
• Technorati: Neo Sans Medium

Un bon article a Bitelia ens detalla el llançament d’un nou programari per la gestió de fonts a Windows.

Actualitat

Actualment la gestió de fonts a Windows es realitza manualment. O sigui, entrant a la famosa carpeta Fonts i allà podem eliminar i instal·lar les nostres fonts.

NexusFont

NexusFont és un servei que ens permet gestionar les nostres fonts des d’un sol programa. Ens permet eliminar i instal·lar noves fonts de forma amigable, de manera que tenim controlat tot el nostre llibre de fonts. Això ens ajudarà alhora de treballar, ja que molts cops tenim fonts i més fonts repetides o que no s’usen.

NexusFont permet els arxius TrueType, OpenType i Adobe Type1. Podrem instal lar / fer cerques, eliminar duplicades, gestionar fonts des de diferents carpetes, crear una llista amb les nostres fonts preferides, etc ..

Descàrrega: NexusFont

Llavors les instal·lo al meu ordinador, i a posteriori les utilitzo amb l’editor gràfic, podent convertir la font en traços, i per tant podent ampliar la forma fins a mides infinites.

En el món de la tipografia, les lletres serifades són aquelles que tenen serifa ( que tenen una mena d’acabament ), aquestes lletres acostumen a ser clássiques com la Times New Roman. En canvi les lletres Sans Serif ( sense Serifa ) s’acostumen a associar a lletres modernes.

Via MyInkBlog trobem una série de 10 fonts Sans Serif totalment gratuïtes i de lliure descàrrega.