Previsualiza Google Fonts, personaliza tamaño, peso, espaciado y compara fuentes lado a lado
Herramientas de desarrollo
Acerca de esta herramienta
El Previsualizador de fuentes permite previsualizar y comparar más de 50 Google Fonts, con control total sobre tamaño, peso, estilo, espaciado y color. Ofrece tres modos de visualización (previsualización, muestra de caracteres y comparación) y genera código CSS listo para usar, con copia en un solo clic.
Características principales
- Más de 50 Google Fonts populares, con búsqueda y filtrado
- Tres modos de visualización: previsualización, muestra de caracteres y comparación
- Control tipográfico completo: tamaño, peso (100–900), estilo, espaciado de letras, altura de línea
- Colores de texto y fondo personalizables, con entrada hexadecimal
- Texto de previsualización editable para probar efectos en tiempo real
- Salida CSS con copia al portapapeles en un solo clic
Casos de uso
- Seleccionar la Google Font adecuada para proyectos de diseño web
- Comparar dos fuentes lado a lado antes de decidir
- Generar declaraciones CSS de fuentes para hojas de estilo
- Probar la legibilidad de fuentes en diferentes tamaños y pesos
- Explorar el conjunto completo de caracteres de una fuente mediante la vista de muestra
fonts
google-fonts
typography
Preguntas frecuentes
¿Qué fuentes están disponibles en el Previsualizador de fuentes?
La herramienta incluye más de 50 Google Fonts populares, como Roboto, Inter, Poppins, Playfair Display, Montserrat y más. Puede buscar y filtrar la lista de fuentes para encontrar la ideal.
¿Se pueden comparar dos fuentes lado a lado?
Sí, la pestaña de comparación permite ver dos fuentes lado a lado, cada una con controles independientes de tamaño y peso, facilitando la elección entre fuentes similares.
¿Cómo obtengo el código CSS de la fuente?
La pestaña de previsualización muestra la declaración CSS completa para la configuración actual. Haga clic en el botón «Copiar CSS» para copiarla inmediatamente al portapapeles.
¿Se puede usar el Previsualizador de fuentes sin conexión?
La herramienta en sí se ejecuta en el navegador, pero las Google Fonts se cargan desde CDN, por lo que se necesita conexión a Internet para renderizar las fuentes.
¿Se puede personalizar el texto de previsualización?
Sí, el área de previsualización es editable: haga clic en ella para ingresar su propio texto y ver cómo se ve con la fuente seleccionada.