Tinkerfont

Prueba tipografías en cualquier web en tiempo real

AppOpen Source

Sobre Tinkerfont

Tinkerfont es una extensión gratuita para Chrome y Firefox que te permite experimentar con fuentes directamente en sitios web reales. Ideal para diseñadores y desarrolladores que quieren probar tipografías sin abrir DevTools ni tocar una sola línea de código.

¿Qué es Tinkerfont?

Tinkerfont es una extensión para Google Chrome y un complemento para Mozilla Firefox pensado para prototipar tipografía directamente sobre páginas web ya publicadas. En lugar de editar CSS o reconstruir una maqueta en una herramienta de diseño, permite detectar las fuentes que usa un sitio y sustituirlas al vuelo para ver cómo se comportan con el contenido, los diseños y los puntos de ruptura reales.

El funcionamiento combina tres piezas: un inspector accesible desde el menú contextual (clic derecho) que muestra los datos tipográficos de cualquier texto, un escaneo del DOM que lista las familias realmente en uso con sus recuentos, y un panel para aplicar reemplazos con fuentes de Bunny Fonts o archivos propios. Los cambios se pueden limitar a zonas concretas de la página, como la navegación o una tabla.

Las reglas y los ámbitos se guardan por dominio en el almacenamiento local del navegador, de modo que los cambios siguen aplicados al recargar o al volver días después. También se pueden exportar e importar en JSON o compartir mediante un enlace para que otra persona los reproduzca en el mismo sitio.

Características principales de Tinkerfont

Inspector desde el menú contextual que muestra familia, color, contraste y, cuando está disponible, la URL del archivo de fuente, con copia al hacer clic en cada valor.
Escaneo del DOM en vivo que lista todas las fuentes en uso con su recuento, para elegir una familia concreta o usar * y afectar a todo.
Reemplazo instantáneo con más de 1.900 fuentes de Bunny Fonts, sin DevTools, sin despliegue y sin cuenta.
Subida de fuentes propias en .woff2, .woff, .ttf u .otf para probar tipografías de marca o entregas de cliente antes de publicarlas.
Ámbitos por elemento para aplicar un cambio solo a una zona de la página, guardados por dominio.
Exportación e importación de reglas en JSON y enlace para compartir la configuración de un dominio con el equipo.

¿Para quién es Tinkerfont?

Está dirigido a diseñadores, desarrolladores y personas curiosas que trabajan con tipografía web: quienes evalúan alternativas antes de tocar la hoja de estilos o el sistema de diseño, quienes revisan sitios de referencia para documentar decisiones tipográficas y equipos que necesitan comparar opciones sobre contenido real en lugar de textos de muestra.

Casos de uso

Comparar varias tipografías candidatas en la página real de un producto antes de modificar el CSS.
Probar una fuente de marca comprada o entregada por un cliente subiéndola a la extensión y viéndola en el sitio en producción o en staging.
Identificar qué familias tipográficas usa una web ajena y copiar sus valores desde el inspector.
Compartir con el equipo un enlace con las reglas aplicadas a un dominio para que todos vean la misma propuesta.

Precio de Tinkerfont

Tinkerfont es gratuito para instalar y usar, y todas sus funciones están disponibles sin pago. Existe la opción de hacer aportaciones voluntarias para apoyar el desarrollo del proyecto.

¿Tinkerfont está disponible en español?

Sin confirmarLa web del proyecto está en inglés y no enlaza a una versión en español; no hay información sobre los idiomas de la interfaz de la extensión.

Preguntas frecuentes sobre Tinkerfont

¿En qué navegadores funciona?: Está disponible para Google Chrome y Mozilla Firefox. Otros navegadores basados en Chromium compatibles con extensiones de Chrome pueden funcionar, aunque el desarrollo y las pruebas se centran en Chrome y Firefox.
¿Recoge mis datos de navegación?: No requiere cuenta y no envía datos a servidores propios, porque el proyecto no opera ninguno. Las reglas de fuentes, los ámbitos, el tema y las fuentes subidas se guardan localmente en el dispositivo.
¿Funciona en webs que bloquean fuentes externas?: Normalmente sí: las fuentes de Bunny Fonts se incrustan como data URLs, por lo que los reemplazos suelen aplicarse incluso en páginas que bloquean CDNs externos. Algunas páginas restringidas, como la Chrome Web Store o las URLs chrome://, no permiten ejecutar extensiones.