A cambiarle la tipografía a tu blog

Estuve analizando seriamente cambiar de tipografía en mis blogs, necesitan una renovación pero para ello necesito yo encontrar algo que me guste ¿que usar?



Así me puse a ver el tema de las webfonts. La mayoría de los browsers (si estan actualizados, la totalidad) permite varias formas de incrustar tipografías de alta calidad y distintas sin recurrir a trucos obscenos como flash o imagenes, es decir, usar TTF directo o el formato True Type que deseen.

Hay en este momento cientos de sitios donde se pueden comprar suscripciones para tipografías excelentes, yo ni siquiera soy un conocedor del tema, hay profesionales del diseño que dedican su carrera a las tipografías, lo mío es sólo que sea legible y que funcione :P por esta razón fui muy reticente a la hora de sumarlas pero... ya estamos entrando en 2013, si uds. usan un browser que no puede mostrarlas... jódanse! el 95% de ustedes las verá sin problemas inclusive desde un celular.

Un excelente lugar por donde comenzar es Google Webfonts, un repositorio de tipografías gratuitas bajo este concepto, se pueden descargar si uno quiere, o se pueden enlazar directamente al repositorio (si no querés depender de un site externo lo ideal es descargarlas). Cuentan con más de 600 familias de tipografías y si algún diseñador de los buenos lee este post, le pediría que me ayude a elegir fuente para este blog y para Tecnogeek :P estaba entre esta y esta.

Otro sitio que me encantó es The League of the Movable Type que con el slogan "No More Bullshit. Join the Revolution." me compró de una :D nada que no se pueda hacer con el tag @font-face .

Tienen muy buenas tipografías open source, un catálogo más modesto en cantidad pero no en calidad, son muy refinados.

El site de Google es más completo en otros aspectos como indicarte cuan pesada se te puede volver la página si agregás tantas tipografías extra, lo ideal es no usar ni demasiadas variantes ni pesos, por ejemplo un Normal 400 y Bold 700 al mismo tiempo implica que cada browser deberá bajar dos sets completos de la tipografía. Considerando que la velocidad del sitio lo es todo, si tienen un blog cargado, no va a ayudar mucho, si en cambio son minimalistas, tranquilos.

Luego Google te permite incrustar ya sea por CSS, Javascript o @import, luego hay que editar el CSS de uno y agregar la familia de tipografía que esten usando , siempre recomendable dejar la Arial o Verdana que vienen usando como secundaria, así si algún browser no entendió las directivas de la webfont, que al menos muestre algo parecido.

En mi caso uso las Sans Serif porque no quiero que mi blog se vea como un libro (aunque en el libro del blog será una Serif por capricho de lector de libros que soy :D)

Otros posts que podrían llegar a gustarte...

Comentarios

  • Matias    

    Esta es muy buena... le quedaria bien al blog. Como lector me gustaria ver esta http://www.google.com/webfonts/specimen/Sanchez

    • Responder
    • Citar
    • Comentado:
  • Droid Sans! Esta muy de moda...

    http://www.google.com/webfonts/specimen/Droid+Sans

    Abrazo!

    • Responder
    • Citar
    • Comentado:
  • Leonardo    

    La fuente de Ubuntu queda muy buena, yo la usé un tiempo en un blog de Ubuntu que tenía y me gustaba mucho cómo quedaba, despues vendí el blog y los nuevos dueños hicieron desastres, pero ese es otro tema :D, yo iría por la de Ubuntu.
    Saludos

    • Responder
    • Citar
    • Comentado:
  • DrMato    

    Mandale a todo Comic Sans y la gente te amará! Guiño

    • Responder
    • Citar
    • Comentado:
  • Ram0    

    Era hora que le cambiaras la tipo a tus blogs :P Si hay algo que me gusta es la tipografía.

    Te puedo dar mi humilde opinión, no seré un diseñador groso (por ahora :P), soy un simple estudiante, pero te puedo decir que de entre esas dos que elegiste la PT Sans es la que yo usaría. Se ve que está bien diseñada y la legibilidad es superior a la otra, y mucho mejor a la vista que la actual que usás. Ahora técnicamente, muy bien que hayas elegido una sans serif humanista que, de entre las sin serif son las más legibles.

    Y comparto que no tenés que usar familias con serif en la web, si bien son perfectas para lectura queda raro Guiño

    • Responder
    • Citar
    • Comentado:
  • alfonsog7    

    Podés decirme cuantas personas usan ( USAN?) INTERNET EXPLORER 6?
    Es decir de las que vienen a tu blog.

    No creo que sean muchas, pero las compu de las AFIP si las siguen usando.

    Un abrazo a todos

    • Responder
    • Citar
    • Comentado:
  • alfonsog7    

    Podés decirme cuantas personas usan ( USAN?) INTERNET EXPLORER 6?
    Es decir de las que vienen a tu blog.

    No creo que sean muchas, pero las compu de las AFIP si las siguen usando.

    Un abrazo a todos

    • Responder
    • Citar
    • Comentado:
  • j0an    

    open sans o droid sans.

    • Responder
    • Citar
    • Comentado:
  • Guillermo    

    Justo encontré esto que posteo Daily Infographic hoy:

    http://dailyinfographic.com/a-quick-and-comprehensive-type-guide-infographic


    Esta bueno, espero sirva.

    • Responder
    • Citar
    • Comentado:
  • w1z4rd    

    Guillermo dijo:

    Justo encontré esto que posteo Daily Infographic hoy:

    http://dailyinfographic.com/a-quick-and-comprehensive-type-guide-infographic


    Esta bueno, espero sirva.


    Muy bueno, mas allá de no tener un blog o un página en donde aplicarlo, es bueno tener en cuenta esas cosas...
    Adios comic sans...

    • Responder
    • Citar
    • Comentado:
  • MontoGeek    

    Muy buena la elección de las tipografías pero Ubuntu ya esta muy utilizada, mira te comparto esto para encontrar las mejores,

    http://sachagreif.com/google-webfonts-that-dont-suck/

    Una de mis favoritas es Proxima Nova, o alguna de la familia Museo Guiño

    • Responder
    • Citar
    • Comentado:
  • Smart    

    A veces chusmeo Font Squirrel tambien para ver typos para webs

    • Responder
    • Citar
    • Comentado:
  • blklaucha    

    De las dos que pusiste la que más me gusta es la PT Sans, me da la impresión de ser un toque mas formal que la otra.
    Ahora, la que pusieron después, la Droid, me parece que está en el medio de las dos, es un poco mas simple que la Sans pero sigue manteniendo estrictamente la forma de las letras.

    • Responder
    • Citar
    • Comentado:
  • Alejandro    

    Lo importante que sea legible desde las plataformas mas populares de tus lectores. Tenes analizar que tanto vale la pena recargar con mas js, solo por estar a la moda. Este blog nunca se caracterizo por el buen diseño/simplicidad y creo que la gente no entra aca por eso Cambiar por una font mas moderna tampoco lo va a ser mas lindo automaticamente jaja. A mi entender creo que tiene mas valor que sea lo mas inclusivo posible y rapido.

    De todas maneras: Hoy los que marcan el ritmo del diseño (web/mobile) estan mostrando una tendencia , clavandole tipografias serif de 15px+ de tamaño a sus BLOGS: zeldman.com (exagero un poco no?) , trentwalton.com , svbtle.com , markboulton.co.uk , smashingmagazine.com , etc.

    Creo que 16px o su equivalente en ems, rems o % es ya un standard.

    En cuanto a lo usable o estetico, todavia tenes mucho por remar...

    • Responder
    • Citar
    • Comentado:
  • Este libro explica bastante bien como y por que usar distintos tipos de fuentes "Design for Hackers" http://www.amazon.com/gp/product/1119998956/

    • Responder
    • Citar
    • Comentado:
  • MontoGeek dijo:

    Muy buena la elección de las tipografías pero Ubuntu ya esta muy utilizada, mira te comparto esto para encontrar las mejores,

    http://sachagreif.com/google-webfonts-that-dont-suck/

    Una de mis favoritas es Proxima Nova, o alguna de la familia Museo Guiño


    pero proxima nova hay que garparla 40 dólares anuales, no da para una tipografía en un blog, sí para un medio si querés.

    • Responder
    • Citar
    • Comentado:
  • Gustavo    

    Y la vieja y conocida Exocet?

    • Responder
    • Citar
    • Comentado:
  • Hernán    

    Si le vas a cambiar la tipografía desde mi punto de vista tenes hacer algo fresco, nuevo, totalmente diferente a lo que venías haciendo. El estilo con Ubuntu queda bien, no es un cambio muy radical que digamos.
    Algo como esto
    http://www.google.com/webfonts/specimen/Julius+Sans+One#charset

    Guiño

    • Responder
    • Citar
    • Comentado:
  • Charly    

    Fabio Baccaglioni dijo:

    MontoGeek dijo:
    Muy buena la elección de las tipografías pero Ubuntu ya esta muy utilizada, mira te comparto esto para encontrar las mejores,

    http://sachagreif.com/google-webfonts-that-dont-suck/

    Una de mis favoritas es Proxima Nova, o alguna de la familia Museo Guiño


    pero proxima nova hay que garparla 40 dólares anuales, no da para una tipografía en un blog, sí para un medio si querés.



    Además te la van a parar en la aduana!! Salvo que vos exportes alguna tipografía nacioal, o nueces! :D

    • Responder
    • Citar
    • Comentado:

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https
Para evitar bots, si se tardó mucho en leer la nota seguramente no sirva y tenga que intentar dos veces

Negrita Cursiva Imagen Enlace


comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador