Herramientas tipográficas

Herramientas interactivas gratuitas para selección de fuentes, combinación y generación de CSS. Todo se ejecuta en tu navegador.

Generador de combinaciones de fuentes

Selecciona una fuente y obtén combinaciones recomendadas por IA con vista previa en vivo.

Abrir herramienta →

Vista previa de fuente

Previsualiza cualquier fuente de Google Fonts con texto, tamaño, peso y color personalizados.

Abrir herramienta →

Comparar fuentes

Compara 2-4 fuentes lado a lado con texto de muestra idéntico.

Abrir herramienta →

Calculadora de escala tipográfica

Genera escalas tipográficas armoniosas usando ratios como 1.25, 1.333, 1.5.

Abrir herramienta →

Constructor de pila de fuentes

Construye pilas CSS font-family con fuentes de respaldo web seguras.

Abrir herramienta →

Generador de código CSS

Genera código CSS @import y font-family listo para usar para cualquier fuente de Google.

Abrir herramienta →

Verificador de contraste

Verifica la relación de contraste de color texto/fondo según los estándares WCAG AA y AAA.

Abrir herramienta →

Calculadora de tipografía fluida

Genera declaraciones CSS clamp() para tipografía responsive fluida entre tamaños de viewport.

Abrir herramienta →

Conversor px / rem / em

Convierte entre unidades px, rem, em y pt al instante. Establece tu tamaño de fuente base.

Abrir herramienta →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

Abrir herramienta →

Laboratorio de fuentes variables

Explora los ejes de fuentes variables de forma interactiva — peso, ancho, inclinación y tamaño óptico.

Abrir herramienta →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.