Búsqueda personalizada

Evalua y elige la mejor fuente para tu web

imagen7me0.jpg

TypeTester un herramienta ideal para nosotros que nos gusta diseñar. TypeTester es un servicio online que nos permitirá realizar (Como bien dice el nombre) Test con diferentes tipografías y ver como se verían en nuestro sitio, y obvio elegir la mas bonita para nuestro diseño. Podrás optar por varias opciones para realizar el test de tus fuentes: tamaños, tipos, cursivas, Color de fondo, alineaciones, subrayados etc.

Link TypeTester

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en Diseño,Fuentes | 1 Comment

8 Fuentes – Deberías utilizar en css

CSS nos ha traído muchas capacidades en términos de la tipografía y la web, pero que siempre parecen estar limitados a los mismos tipos de letra 4to-5to una y otra vez. Si la fuente que no se especifique en la computadora que los espectadores no hacer en ese tipo de letra. Así como los diseñadores y desarrolladores que acaban seleccionando las que podemos asumir con seguridad se encuentra disponible en la mayoría de los ordenadores hoy en día. Así que la mayoría de las páginas uso Arial, Helvetica, Georgia o en sus tipos de letra … y el mundo de la web sigue siendo algo más suaves.

Pero hay bastantes tipos de letra de alta calidad que están disponibles en la mayoría de los nuevos sistemas informáticos y siempre puede recurrir a las comunes. Por supuesto, hay opciones como la creación de imágenes, noticias dinámicas, y siFR … pero todas estas técnicas de aumentar el tiempo de carga y el tiempo de desarrollo. Hay muchas buenas razones para ser estratégico en la fuente en lugar de utilizar las opciones adicionales de la tecnología. Me conmovió la forma en que rara vez veo a nadie tomando ventaja de las opciones de este tipo, así que aquí es una forma rápida y sucia lista de fuentes que usted debe y puede utilizar en su desgns y hojas de estilo.
1. Palatino Linotype / Palatino

WINDOWS 97,09% / 78,86% MAC

Esta es una buena fuente serif que su muy buen soporte tanto para Mac como para Windows basada en las máquinas (97,09% de todas las máquinas tienen ventanas, y 78,86% de mac’s). Sin embargo, muy pocas personas lo utilizan por defecto y en su lugar a Georgia o veces. Como se puede ver que hace para los grandes titulares, y lo han utilizado con éxito como copia del tipo de bien. Peor de los casos siempre puedes volver a Georgia, horas, etc

2. Tahoma

WINDOWS 96,09% / 72,02% MAC

Reconozco esto no es una de mis fuentes favoritas, pero tiene muchos casos en que podría utilizarse de manera eficaz. No parece que acostumbrarse a menudo a pesar de que podría ser una excelente fuente de copia. De nuevo siempre hay Arial o Helvetica, si la máquina no tiene instalado Tahoma.

3. Impacto

WINDOWS 95,85% / 88,08% MAC

Es cierto que esta es probablemente la fuente en exceso en la web no relacionados con el diseño. Dado que es una de las “frescas” las fuentes por defecto en la mayoría de las máquinas que tiende a obtener una gran cantidad de uso. A pesar de esto hay un montón de buenos lugares para hacerlo, y funciona muy bien … “impactfull” titulares.

4. Century Gothic

WINDOWS 85,44% / 42,50% MAC

Esta es una buena fuente que era elegante en exceso por los diseñadores gráficos hace algún tiempo, pero ha sido rechazado y encerrados desde hace algún tiempo. Que puede ser casi la hora de tirar de nuevo fuera de la caja de herramientas. No es un gran por ciento de los sistemas Mac vienen preinstalados con ella, pero la mayoría de hacer otros nuevos. Dependiendo de su público objetivo este podría ser el perfecto fuente a utilizar. Si le preocupa el bajo apoyo de mac siempre se puede optar por Futura y (que tiene muy alto el apoyo de mac).

5. Arial Negro

WINDOWS 97,73% / 96,18% MAC

Sí usted no sólo tiene que utilizar Arial antigua llanura. Negro Arial negrita es una buena fuente que podría ser perfecto para partidas, que inciden titulares, y el infierno, incluso a un sustituto para el impacto de fuentes antes mencionadas. No sé que yo lo uso para el cuerpo de texto, pero es una opción que debería tenerse en cuenta la tipografía en la Web.

6. Arial Narrow

WINDOWS 87,08% / 91,01% MAC

Arial de nuevo! Que estamos aún no lo hayan hecho, por supuesto que no. Al igual que arial negro, Arial Narrow es una gran fuente de noticias. En lugar de las grandes negrita en tu cara estilo de titulares puede utilizar este tipo de letra más elegante de sutiles titulares. Un buen cambio de la tradicional arial, y se puede utilizar como si fuera una fuente condensada.

7. Cobre / cobre gótico Luz

WINDOWS 58,13% / 85,85% MAC

Voy a admitir Odio esta fuente, en su mayoría, ya que se abusa (y probablemente las personas argumentan que no es culpa de las fuentes, pero los diseñadores). Pero hay ocasiones en las que se puede utilizar de manera eficaz, y tiene muy buen soporte en las nuevas computadoras de las ventanas y la mayoría de los ordenadores Mac basados. Lo más probable es que volverá a ser titulares, grandes titulares, ya que no es terriblemente legibles en fuentes pequeñas, especialmente cuando no es correctamente alias.

8. Gill Sans / Gill Sans MT

WINDOWS 43,09% / 90,82% MAC

No es de extrañar que me gusta esta fuente. Creo que funciona tanto en copiar y en los titulares, y tiene el apoyo leal en ambas plataformas. Cada vez que uso una fuente que tiene cerca de 50% la tasa de apoyo que quiere pensar en el próximo lógica para servir de fuente, pero existen suficientes opciones específicas por las ventanas que le permiten alcanzar el mismo mensaje tipográfico con sólo sutiles diferencias.

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en CSS,Diseño,Fuentes,General | Responder

Fuentes en sistemas Mac y Windows

Muchas veces cuando empezamos con el diseño de una web sobre Photoshop siempre pensamos en si podríamos utilizar aquella fuente que vimos hace unos días y nos gustó tanto, pero luego recuerdas que a la hora de la verdad son las fuentes de los sistemas operativos, Windows, Mac, Linux y otros, las que te marcan la pauta a seguir. Al principio uno se pregunta que fuentes se podrán utilizar y las no, esto como muchas otras cosas dependientes de un S.O. o un navegador (IE, Firefox, Opera…), lo que habrán hecho las empresas detrás de estas aplicaciones.

Una vez investigado el tema di con las fuentes mas comunes que se usan en toda la web y a su vez las que están en la mayor partes de estos sistemas y aplicaciones. Aquí os dejo una tabla comparativa entre Windows y Mac OS y sus diferentes variantes y los nombres de las fuentes.

fuentestipo5.png

Aunque no están todas las fuentes posibles que se pueden utilizar en estos dos sistemas, si las más típicas y usadas en la mayoría de páginas web. Y antes de que me acribillen los pro-pinguinos, Linux lleva también consigo variantes de algunas de las fuentes genéricas, eso si la mayoría con nombres muy distintos. Esto os lo dejo como una pequeña ayuda para simplificar mas el uso de las fuentes en nuestros CSS

Apuntes de interés :

- Destacar cierta fuente como es Verdana, que MS sacó expresamente con IE4 si mal no recuerdo para el uso en las páginas web.

- Nos podemos encontrar con Lucida Sans Unicode que también tiene variantes en ambos sistemas, pero que en el navegador del “zorrito” dependiendo del orden escrito en el atributo css de font-family puede causar una muy mala renderización de la fuente y la complicada lectura.

- La Tahoma se ha familiarizado mucho más últimamente, simplemente tiene un fallo muy pequeño, esta descompensada en 1 pixel de altura de linea en comparación de su hermana de mas espaciosa, Verdana, esto puede acarrear algún que otro quebradero de cabeza con el intento de alineación vertical en botones por ejemplo.

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en Diseño,Fuentes,General | Responder

Novedades