Hola foreros!! Tengo una duda sobre web que se puede decir, que me quita el sueño... :-k

Hace un tiempo, navegando por páginas de internet (temática ferroviaria, no pornográfica :lol:) entré en una página que no recuerdo su formato, si era foro, diario o página "normal", pero que salía con una tipografía rara que yo no tenía, pero que me gustaba. En Safari, indagué con el "inspeccionar elemento" y descubrí que la tipografía se llamaba "Tinet". La busqué en Google, la encontré y era esa misma. Ahora ya tengo esa tipografía. ;-)

El comecocos viene ahora, ya que acto seguido de instalar la tipografía me di cuenta de una cosa: ¿cómo coño ha cargado la tipografía... si yo no la tenía? Normalmente cuando una página necesita cargar una tipografía que no tienes, o bien carga una predeterminada o bien te pide buscarla, depende navegador. En el RAID tengo una carpeta con más de 13000 tipografías, y alguna vez Safari me ha pedido permiso para usar la tipografía X para mostrar la página, cosa que le concedo, pero me he asegurado de buscar y ver que no tenía la susodicha tipografía.

¿Cómo es posible que haya cargado una tipografía que no existía en mi máquina? ¿Es cosa del HTML 5 que puede portar tipografías?

Dejo claro lo siguiente:

-El texto mostrado era TEXTO, es decir, no era ni imagen ni Flash
-Safari no me reportó mensaje alguno por el tema de las tipografías
-El código HTML contenía el nombre de la tipografía, pero en mi máquina no existía esa tipografía (ahora sí)

En resumen: ¿Cómo coños cargó una tipografía inexistente? :lol:


Saludos!!

Seguramente usen alguna librería en javascript para renderizar las fuentes en pantalla, como puede ser typeface.js

typeface.js -- Rendering text with Javascript, <canvas>, and VML (http://typeface.neocracy.org/fonts.html)

Es fácil, en el servidor de la web puede tener una fuente normal, y desde los estilos "linkar" a la fuente que uno quiera, luego el navegador la lee y la escribe en la pantalla.

Un ejemplo:

@font-face {
font-family: 'CreampuffRegular';
src: url('/public/fonts/creampuff-webfont.eot');
src: url('/public/fonts/creampuff-webfont.eot?#iefix') format('embedded-opentype'),
url('/public/fonts/creampuff-webfont.woff') format('woff'),
url('/public/fonts/creampuff-webfont.ttf') format('truetype'),
url('/public/fonts/creampuff-webfont.svg#CreampuffRegular') format('svg');
font-weight: normal;
font-style: normal;

}

P.D.: Hay fuentes que te las da Google, y sólo se tienen que "linkar" como el primer caso que expones, pero como te digo, puedes tener una fuente en el server que no pertenezca a ninguna de Google y usarla.

Un saludo! ;-)

Gracias!! ;-) Aun así sigo con la duda.

¿La fuente llega a estar en el ordenador como archivos temporales o carga remotamente la fuente desde otra dirección y la muestra en pantalla sin que llegue a descargarse? ;-)