Suscríbete a las últimas entradas

En Twitter:

Estás en SferaZero » Stylish me salva la vida…

Stylish me salva la vida…

Me he dado cuenta de que la gente suele utilizar las fuentes por defecto del navegador, pero a mí me gusta utilizar fuentes pequeñas (se nota, ¿no?).

Lo malo es que hay algunos sitios web, que están tan bien hechos (de cara a la usabilidad) que todas las fuentes son relativas a la configuración del navegador, y la estructura del sitio web se va a tomar viento fresco, por decirlo de un modo suave. Según los estándares, esto es lo correcto, pero yo suelo fijarlas a un tamaño para que todo se vea correctamente, que también es válido, pero menos usable (eres un chico malo, muy malo…).

Finalmente, he optado por volver a poner las fuentes del Firefox por defecto con lo que páginas como Gmail ó Bloglines tienen una enoooooooorme fuente comparada con la que yo veía hasta ahora.

¿La solución? Stylish, del que ayer hablé en Genbeta.

Para Gmail o cualquier otra página, sólo debéis crear un estilo para la página actual: clic en el icono de la barra de estado y seleccionar Añadir estilo para…. Luego os aparecerá un código que debéis editar.

Para Gmail he usado,

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {
html * { font-size: 11px !important }
}

que mantiene la fuente a 11px.

Y para Bloglines,

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.bloglines.com") {
html * { font-size: x-small !important }
}

que simplemente reduce la fuente.

De este modo, quieras reducir simplemente la fuente ó especificar un tamaño fijo de fuente para un sitio web, podrás hacerlo fácilmente sin tener que cambiar la configuración de tu navegador gracias a Stylish. Aleluya…

Actualización: En Bloglines, las fuentes no se ven correctamente, ya que todo se queda reducido, hasta los títulos.
Revisando el código de Bloglines, he cambiado mi estilo CSS en Stylish por:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.bloglines.com") {
html p, td, li { font-size: 10px !important }
}

y de este modo, se reduce las fuentes del árbol de suscripciones y de las entradas, pero no del resto del interfaz.

Los comentarios están cerrados