font tester chrome

Probador de fuentes: fuentes hechas fáciles (extensión de cromo)

Probador de fuentes sobre ↗️

¿Encontrar que es difícil elegir la fuente correcta? Ahora pruebe más de 1000 tipos gratuitos de fuentes de Google en su sitio web.

Mejore en la tipografía del sitio web utilizando esta extensión.

Ahora puede ir a su sitio web, hacer clic en la extensión, probar las fuentes y elegir la que desee junto con el código.

Descargar

Descargue la extensión de Chrome Extension Store

o

Puede descargar la carpeta DIST de las versiones y cargarla manualmente

¿Qué hay de nuevo?

• Ahora busque fuentes de cualquier página web.
• Vista previa de fuentes en el menú desplegable.
• Fuentes de ciclo usando teclas de flecha.

Leer más en Changelogs

Características del probador de fuentes

✅ Prueba más de 1000 fuentes de Google
✅ Encuentre los tipos de fuentes utilizados en cualquier página web
✅ Fuentes de vista previa en el menú desplegable
✅ Mueva el modal alrededor de la página web.
✅ Establezca cursiva, subrayado, pesas, altura de línea, etc.
✅ Establezca el tamaño de la fuente, el filtro (usuarios premium)
✅ Establezca color, espaciado de letras (usuarios premium)
✅ Cargue las fuentes locales (usuarios premium)
Más en la hoja de ruta

¿Cómo usar el probador de fuentes?

Para obtener instrucciones y demostraciones completas, lea los documentos

1. Vaya a Chrome Extensions Store y descargue Font Tester
2. Ahora fije la extensión desde el icono de extensión del rompecabezas, ubicado en la parte superior derecha.
3. Haga clic en la extensión, espere unos segundos para que se cargue en su sitio web.
4. Ahora resalte un texto.
5. Seleccione una fuente.
6. Copie el código y úselo. Si, eso es todo

Nota

Durante la selección del texto parcial, las fuentes aplicadas afectarán todo el texto entre los elementos, porque, insertar elementos alrededor de la selección puede afectar el estilo. Sin embargo, en el futuro podemos envolver un elemento alrededor de la selección, en función de los comentarios de los usuarios.

Licencia

Obtener características avanzadas y más

Tipo	Gratis	De primera calidad
Apoyar el desarrollo de código abierto	? ️	?
Soporte prioritario : (prioridades sus solicitudes de función, problemas)	apoyo comunitario	✅
Licencia de por vida (compra única)	? ️	✅
Actualizaciones gratuitas	❓️	✅
Subir fuentes locales		✅
Ajustar el tamaño de la fuente		✅
Acceso temprano a las próximas funciones		✅
Ajustar el color de la fuente		✅
Tema oscuro		✅
Extensión para Edge y Firefox		✅
Precio	Gratis	Precio
¡Ordene ahora!	-	Obtener licencia

---

Limitaciones actuales

• No se puede ejecutar el script en el almacén de extensión de Chrome, está bloqueado de forma predeterminada
• Si el probador de fuentes no se abre incluso después de hacer doble clic en un sitio web, presente un problema

Preguntas frecuentes

¿Cómo probar diferentes fuentes en una página web?

a. Puede usar la extensión del probador de fuentes para probar diferentes fuentes en cualquier página web.

¿Cómo puedo encontrar las fuentes utilizadas en una página web?

a. Puede usar la extensión del probador de fuentes para encontrar fuentes en cualquier página web.

¿Cómo puedo probar mis fuentes locales?

a. Puede probar las fuentes locales comprando licencia. Viene con más características para ayudarlo a probar una tipografía diferente.

Otras herramientas gratuitas y de código abierto

• Impresionantes páginas de destino
• Vista previa de hover - Vista previa sobre el flotador
• Django SaaS Boilerplate

Siga para actualizaciones y código abierto

• Gorjeo
• Github

Pila de tecnología

• Reactjs
• CSS de viento de cola

Ejecutándolo localmente

El manifest.json requerido para la extensión se encuentra dentro de la carpeta pública.

Para cargar la extensión localmente. Vaya a la extensión -> Cargar desempaquetado -> Punto a la carpeta Dist (la carpeta de compilación).

Para el uso del desarrollo

 npm run build:dev

Esto se debe a que la extensión requiere señalar la carpeta de compilación, utilizando este comando que no tendrá que reconstruir en cada guardado.

Para el desarrollo, también puede usar npm start , pero no podrá cargarlo como extensión sino como una aplicación React.

Algunas notas importantes:

• La extensión se adhiere a un shadowdom, esto es para evitar el estilo de página que afecta el estilo de widget.