Vista Previa de Fuentes Web
Previsualiza fuentes web de Google Fonts en tiempo real. Compara múltiples fuentes ajustando tamaño y color.
Arial
sans-serifArial, sans-serif
Helvetica
sans-serifHelvetica, Arial, sans-serif
Verdana
sans-serifVerdana, Geneva, sans-serif
Trebuchet MS
sans-serif"Trebuchet MS", Helvetica, sans-serif
Georgia
serifGeorgia, "Times New Roman", serif
Times New Roman
serif"Times New Roman", Times, serif
Courier New
monospace"Courier New", Courier, monospace
Impact
displayImpact, Haettenschweiler, sans-serif
Comic Sans MS
display"Comic Sans MS", cursive, sans-serif
monospace
genericmonospace
serif
genericserif
sans-serif
genericsans-serif
Cómo usar
Introducir texto
Introduce el texto que quieres previsualizar
Seleccionar fuentes
Selecciona las fuentes que quieres comparar
Verificar vista previa
Previsualiza mientras ajustas el tamaño y peso de fuente
Características
Vista previa en tiempo real
La visualización de la fuente se actualiza en tiempo real mientras escribes
Soporte de Google Fonts
Elige de la extensa biblioteca de Google Fonts
Comparación de fuentes
Muestra múltiples fuentes lado a lado para encontrar la mejor opción
FAQ
🔗Herramientas relacionadas
Convertidor de códigos de color
Convierte entre códigos de color HEX, RGB y HSL. Usa el selector de color y la vista previa en tiempo real para una selección intuitiva.
Selector de color
Selecciona colores de forma intuitiva usando una rueda de color y deslizadores. Obtén y copia códigos de color en formatos HEX, RGB y HSL.
Extractor de Colores de Imagen
Detecta automáticamente los colores dominantes de una imagen y genera una paleta de colores. También puedes hacer clic en cualquier parte de la imagen para seleccionar colores individuales.
Selector de Color Promedio de Imagen
Calcula el color promedio de una imagen completa o de un área seleccionada. Útil para elegir esquemas de color o colores de fondo de miniaturas.
Generador de degradados CSS
Crea degradados CSS visualmente con controles de arrastre. Admite tipos de degradado lineal, radial y cónico con preajustes.
Generador de CSS Box Shadow
Crea CSS box-shadow visualmente con deslizadores. Admite múltiples sombras y sombras interiores.