Como comente en un articulo anterior, la ultima versión de CSS (CSS3) permite utilizar fuentes propias en nuestras paginas Web gracias al elemento @fotn-face. Por tanto si disponemos de una fuente MiFuente.ttf podremos utilizarla en nuestra página Web de la siguiente manera.

<br />
@font-face {<br />
	font-family:Mifuente;<br />
	src: url(‘MiFuente.ttf’);<br />
}</p>
<p>@font-face {<br />
	font-family: Mifuente;<br />
	font-weight: bold;<br />
	src: url(&#8216;MiFuente.ttf’);<br />
}<br />

Que luego podremos usarla de igual manera que otras fuentes

<br />
body{<br />
	font-family: Mifuente;<br />
}<br />

Al igual que en las imágenes es posible utilizar la etiqueta data y adjuntar la fuente en base64.

<br />
@font-face {<br />
	font-family: &#8216; Mifuente &#8216;;<br />
	src:          url(data:font/truetype;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTVtQ+h4AAAEMAA………..AMrRFmwFCs=) format(&#8216;truetype&#8217;);<br />
}<br />

Por eso muchos diseñadores Web utilizan esta ultima formular para intentar dificultar el acceso a la fuente, en caso de que esta haya sido desarrollada por el. Aun así es relativamente sencillo poder copiar la fuente y usarla en nuestra Web, pero.. ¿y usarla en nuestro PC? En este caso seria tan sencillo como coger todo el stream en base64 y decodificarlo. Existen librerías para todos los lenguajes de programación que permiten convertir de/a base64, pero si queréis ir a los sencillo, tenéis un montón de conversores online disponibles. Yo recomiendo el siguiente ya que permite convertir a un binario.

http://www.motobit.com/util/base64-decoder-encoder.asp

En la imagen siguiente podemos ver como podemos convertir una fuente en base64 a un binario TTF.

Una vez tenemos la fuente podremos usarla con todas nuestra aplicaciones (Si estamos en Windows deberemos arrástrala a la carpeta FONTS). Aun así, algunos diseñadores de fuentes, utilizan técnicas de ofuscación que permiten que una fuente pueda ser utilizada en nuestra Web pero no en nuestro PC. Y esto es posible porque existe software capaz de alterar la estructura interna de las fuentes de tal forma que puede ser reenderizada por los navegadores pero no por los PCs.

En estos casos deberemos realizar los siguientes pasos:

1. Usando Gmail nos enviaremos la fuente (con extensión TTF) a nosotros mismos
2. Gmail nos mostrara nuestro adjunto con las típicas opciones de VER o DESCARGAR
3. Pulsaremos VER y se nos mostrara la fuente con el visualizador de fuentes de Google Docs
4. En el menú FILE pulsaremos en PRINT (PDF)
5. Cancelaremos la impresión y guardaremos el PDF

Ya tenemos nuestra fuente en formato PDF, por lo que ahora necesitaremos convertirla de PDF a otros formatos que nos sean mas útiles. Para ello usaremos otro servicio online:

http://onlinefontconverter.com/myfonts.php

Este servicio nos permitirá convertir nuestra fuente en PDF a una gran variedad de fuentes, entre las cuales nos interesa:

• OTF: Formato Open Source de nuestra fuente, 100% compatible con sistema GNU/Linux
• TTF: Formato típico de fuente que solemos tener instalado en sistemas Windows
• DFONT: Formato de fuente para MAC
• SVG: Formato de fuente VECTORIAL propuesto por W3C, muy útil si utilizas inkscape ya que es posible modificarla.

Espero que este truco os sea de gran utilidad