Una de las cosas más aburridas de las paginas web es que se tienen muy pocos tipos de fuentes (letras) para escoger, para aplicarlas a un diseño y que todo mundo vea la misma letra.
Afortunadamente cada vez se tienen más opciones para mostrar fuentes especificas en un sitio, existen algunas de paga muy interesantes como son typekit, pero en este caso mostraremos la opción de google fonts.
En su afán por ser imprescindible en la red, Google hizo un repositorio de fuentes que se pueden usar en linea y bajarlas e instalarlas, esto ultimo sirve para diseñar pensando en una fuente en particular.
Para usar estas fuentes en Drupal los pasos son muy sencillos, simplemente se tiene que instalar el modulo de Google fonts y en la administración se configuran dos cosas.
Primero se selecciona, la fuente o fuentes que se quieren seleccionar:
Después se selecciona que variante de fuente se usaran y en que class o id se quiere que esa fuente se aplique, por ejemplo se puede poner que se aplique en h1 o h2 o en P o en alguna más especifica
Finalmente se borra el cache y se puede empezar a disfrutar de un diseño más a la medida.
Comentarios
Excelente recurso;
Excelente recurso; casualmente hoy comence a leer un poco sobre su aplicación en sitios web pero con esta entrada me voy directo a usar el módulo para drupal (el cual no sabia que existía).
Saludos!
Sígueme en @pacomilland
Firefox no representa las Google WEb Fonts
¿Les ha pasado?
En las últimas semanas, y luego de probar por varias vías, me he encontrado con inconsistencias en la representación de fonts por parte de Firefox. Ni Chrome ni el MSIE 9 parecen tener el problema. Y lo más raro es que ocurre después de un cierto tiempo. Me explico, al empezar una sesión de trabajo, las fuentes se muestran claramente. Después de cierto periodo, el navegador utiliza Times New Roman para representar todas las Google Web Fonts... No sé si se me está botando la canica o qué, porque no le encuentro un patrón al asunto...
Saludos.
se me ocurre
que a veces no se conecte con google fonts y te muestre las fuentes que tengas en tu hoja de estilos, quizas lo mejor seria tener una segunda selección, más sencilla dentro del mismo css pero que por lo menos te ayude a que no aparezca la Times New Roman.
Tienes razón...
Ahí me ha faltado realmente jugar más con el CSS. Lástima porque la fuente que he estado usando no tiene un equivalente web safe...
Gracias por el comentario.
Añadir nuevo comentario