siguenos en twitter

Caja de Herramientas

Equipo

Opinión

La Cantina

Acceso

Suscríbete

Si quieres saber cuando se ha colgado un artículo nuevo en el blog mete tu email nombre aquí.

Nombre:

Email:

Web asociadas

  • Nosotros
    • Mar de color
      Conoce los exclusivos y personales diseños de nuestra amiga y vecina Mar
    • El blog de mar
      Amor de madre es lo que siente nomaspatanes por el blog de nuestra amiga mar.
    • Bunquer
      Nuestros creadores, diseñadores y fundadores
    • Rebelarte
      Nuestro portal para artistas y sus obras
    • Aticoweb
      Nuestro grupo audiovisual
  • Influencias
    • anieto2k
      Iniciación/Trucos de programación, muy útil.
    • Genbeta
      Buenos artículos de tecnología. Visítala
    • Gizmodo
      Otra buena web de tecnología.
    • Neoteo
      Buena web de tecnología

Apóyanos, haz click



Google font directory, para que no uses más la comic Sans

Caja de Herramientas - Diseño

Usar puntuación: / 1
MaloBueno 
google web fonts

Cuando uno diseña para páginas web suele utilizar unas fuentes realmente repetitivas, que si Arial, que si Verdana, Courier, Comic, Georgia y para los muy aventureros (sólo vienen en windows) la Trebuchet MS, Franklin, etc.

Google, esa empresa de la que estoy profundamente prendado, ha puesto a disposición de los usuarios un repositorio de fuentes que puedes linkar en tu página web poniendo un simple código como este:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>

Para ello, nos vamos al google font directory elegimos una de las docena de fuentes que hay en el  listado, luego pulsamos en la variación que nos gusta y le damos a "get the code", metemos un código como el de arriba en nuestra web y le decimos que use dicha fuente del tal que así:

h1 { font-family: 'IM Fell DW Pica', arial, serif; }

Funciona en todos los navegadores (incluso en los móviles como ópera, safari o chromium de android):

 

Probad con este texto con IM FELL pica

 


Artículos mas antiguos:

Escribir un comentario


Código de seguridad
Refescar