Google Font Picker Free

Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.

100+Google Fonts
GratisSin clave API
InstantáneoVista previa en vivo

Características del Selector de Fuentes

Encuentra la fuente perfecta para tu proyecto.

Navegar y Vista previa

Buscar Fuentes

Busca por nombre de fuente para encontrar rápidamente la fuente que necesitas.

Filtros de categoría

Filtrar por Serif, Sans-Serif, Display, Escritura a mano o Monoespaciada.

Vista previa en vivo

Escribe tu propio texto y ajusta el tamaño de la fuente para previsualizar cualquier fuente al instante.

Salida CSS

Generación de CSS

Generate ready-to-use CSS @import statements for selected fonts.

Código de Importación CSS

Get the @import URL to add any font to your CSS stylesheet.

Copiar con un clic

Copia las URL de importación y CSS al portapapeles con un solo clic.

Casos de uso

Desarrollo web

Encuentra e integra fuentes en tus sitios web y aplicaciones web.

Proyectos de diseño

Descubre fuentes para presentaciones, gráficos y branding.

Fuentes gratuitas

All Google Fonts are free and open source.

Identidad de marca

Encuentra la combinación de fuentes perfecta para tu marca.

Cómo usar el Selector de Fuentes

Navega por la lista de fuentes, haz clic en Usar Esta Fuente para seleccionarla, luego haz clic en Generar CSS para obtener el código de importación para tu proyecto.

Preguntas Frecuentes

¿Estas fuentes son gratuitas para usar?

Yes. All fonts shown are from Google Fonts and are free under open licenses.

Se pueden utilizar en proyectos personales y comerciales.

All fonts are free and open source from Google Fonts.

Do I need a Google API key?

No. Fonts are loaded using the Google Fonts CSS API which requires no API key.

Simply copy the @import URL and add it to your stylesheet.

Luego usa los nombres de font-family en tus reglas CSS.

¿Cómo añado una fuente a mi sitio web?

Copy the @import line and paste it at the top of your CSS file.

Luego usa font-family: 'Nombre de la Fuente', fallback; en tus reglas CSS.

No se requieren tarifas de licencia ni atribuciones.

¿Puedo seleccionar múltiples fuentes?

Sí. Haz clic en Usar Esta Fuente para múltiples fuentes, luego haz clic en Generar CSS.

The generated code will include @import lines for all selected fonts.

Fonts are loaded from Google Fonts CDN for accurate preview.

¿Cómo hago una vista previa con mi propio texto?

Haz clic en el texto de vista previa en cualquier tarjeta de fuente para editarlo.

El tamaño de la fuente también se puede ajustar usando el control deslizante.

También puedes filtrar por categoría usando los botones de filtro.

¿Qué categorías de fuentes están disponibles?

Serif, sans-serif, display, escritura a mano y monospace.

Haz clic en un botón de categoría para filtrar la lista de fuentes.

Generate CSS will include all selected fonts in one @import statement.

¿Cuántas fuentes están disponibles?

100 curated Google Fonts are included covering all major categories.

These are the most popular and widely used fonts from Google Fonts.

Combina el ordenamiento con filtros de categoría para encontrar la fuente perfecta.

Do the fonts load from Google servers?

Sí. El CSS de fuentes se carga desde fonts.googleapis.com cuando previsualizas una fuente.

The fonts themselves are served by Google's global CDN.

Sin embargo, el código CSS generado puede guardarse para referencia sin conexión.

¿Puedo usar estas fuentes sin conexión?

For offline use, download the font files directly from Google Fonts.

Host them locally and use @font-face rules instead of @import.

Siempre proporciona una fuente del sistema como respaldo para el uso en correos electrónicos.

¿Esta herramienta es gratuita?

Sí, completamente gratuita sin necesidad de registro.

Navega y genera CSS para tantas fuentes como necesites.

No hay límites o restricciones de uso.