29/01/2014

Ventajas y desventajas de utilizar fuentes web

Ventajas y desventajas de utilizar fuentes web

Hasta hace algunos años, en los sitios web sólo podían mostrarse las tipografías que el usuario tuviera instaladas en su computadora (a menos, claro, que se escribiera texto en otras fuentes y se lo insertara como una imagen, una solución nada conveniente). Sin embargo, con la aparición de la regla @font-face y API como Google Fonts y We Love Icon Fonts podemos mostrar una innumerable cantidad de fuentes en cualquier navegador preparado. Estas tipografías son conocidas como «fuentes web» y es conveniente analizar sus ventajas y sus desventajas antes de implementarlas.

Ventajas

  • Integridad. Podemos utilizar libremente tipografías que sean compatibles estéticamente con la que empleamos en nuestro logo o incluso en nuestros folletos. De esta manera, la imagen visual de nuestra marca será consistente. Como ya explicamos, cada tipografía expresa una idea.
  • Aspecto. Sólo con tipografías llamativas podemos lograr un sitio web atractivo, sin necesidad de invertir tiempo en tomar fotografías o crear piezas de diseño gráfico.
  • Conveniencia. El recurso de utilizar tipografías alternativas en textos incrustados en imágenes generaba demasiados problemas: texto no indexable por el buscador, no seleccionable y difícil de modificar, además de la necesidad de escalar las imágenes según el dispositivo. Las fuentes web reducen la necesidad de usar este recurso.

Desventajas

  • Tiempos de carga. Al incluir archivos de fuente en el directorio de nuestro sitio web, estaremos volviéndolo más pesado.
  • Compatibilidad. Las fuentes web rara vez se ven iguales en todos los navegadores, obligándonos a aplicar trucos de CSS para mejorar su aspecto en algunos de ellos. Es curioso que muchas de las fuentes que ofrece Google Fonts se ven pixeladas en Chrome, navegador desarrollado por la misma empresa. Si usamos @font-face, debemos incluir varios archivos para la misma fuente: uno en cada formato, debido a que algunos tipos de archivo son incompatibles con ciertos navegadores.
  • Derechos de autor. Si vemos una fuente que nos gusta en un sitio web, quizás podamos descargarla fácilmente para usarla en el nuestro. Sin embargo, muchas fuentes no están autorizadas para su uso gratuito, por lo que podríamos tener problemas con quien la diseñó.

Si sabemos utilizarlas bien, las fuentes web pueden aportar un increíble valor a la imagen de nuestra empresa en Internet.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce