≡En resumen
- Quicksand es una fuente sans serif geométrica con los extremos de los trazos redondeados.
- La diseñó Andrew Paglinawan en 2008; se revisó en 2016 y desde 2019 es una fuente variable de 300 a 700.
- Es gratuita y de código abierto (OFL 1.1), así que puedes usarla en webs, logotipos y material impreso comercial.
- Funciona mejor en titulares, logotipos e interfaces con poco texto que en párrafos largos.
- En inglés, quicksand significa «arenas movedizas»; también es el título de una serie de Netflix y de una canción de David Bowie.
01 ¿Qué es Quicksand?
El diseñador filipino Andrew Paglinawan empezó el proyecto en 2008 a partir de formas geométricas puras: círculos casi perfectos en la o, la c o la e, y trazos de grosor uniforme. Según la ficha de la familia en el repositorio de Google Fonts, la idea era una letra para titulares que siguiera siendo legible en tamaños pequeños.
En 2016 Thomas Jockin colaboró con Paglinawan para mejorar la calidad general del diseño y, en 2019, Mirko Velimirovic la convirtió en fuente variable. Por eso hoy puedes elegir cualquier grosor entre 300 y 700 con un único archivo.
02 Características de la tipografía Quicksand
Terminales redondeados
Los extremos de cada trazo son curvos, lo que da un tono suave, cercano y poco corporativo.
Construcción geométrica
Las letras redondas se basan en círculos y las rectas mantienen un grosor casi constante.
Altura de x generosa
Las minúsculas son amplias, lo que ayuda a leerla en tamaños medios.
Cinco pesos en un archivo variable
De Light (300) a Bold (700), con cualquier valor intermedio en CSS.
Sin cursivas
La versión de Google Fonts solo tiene estilo normal; si fuerzas cursiva, el navegador la inclinará artificialmente.
| Peso | Valor CSS | Uso recomendado |
|---|---|---|
| Light | 300 | Titulares grandes con aire elegante; evítalo en tamaños pequeños |
| Regular | 400 | Subtítulos, textos breves de interfaz |
| Medium | 500 | Botones, menús y etiquetas |
| SemiBold | 600 | Titulares de sección |
| Bold | 700 | Logotipos, titulares principales, llamadas a la acción |
03 Cuándo usar Quicksand (y cuándo no)
Quicksand transmite cercanía, juventud y calma. Encaja en marcas infantiles, educación, salud y bienestar, alimentación saludable, apps de consumo o proyectos que quieren alejarse de un tono serio. En diseño de logotipos se usa mucho en pesos Bold o SemiBold, a menudo con el espaciado entre letras algo abierto.
| Funciona bien en | Funciona peor en |
|---|---|
| Logotipos y marcas de tono amable | Párrafos largos de blog o documentación |
| Titulares y subtítulos | Textos legales, tablas densas y datos |
| Interfaces de apps con poco texto | Marcas que quieren transmitir autoridad o lujo clásico |
| Packaging, cartelería e invitaciones | Tamaños muy pequeños en peso Light |
04 Cómo usar Quicksand en una web
-
1
Elige los pesos
Carga solo los que vas a usar; con la versión variable basta con indicar el rango 300..700.
-
2
Enlázala o alójala
Puedes cargarla desde Google Fonts o descargar los archivos y servirlos desde tu propio servidor.
-
3
Declárala en CSS
font-family: "Quicksand", sans-serif; así, si falla la carga, el navegador usa una sans serif del sistema.
-
4
Evita el texto invisible
Usa font-display: swap para que el texto se vea con la fuente de reserva mientras se descarga Quicksand.
-
5
Precarga si está en el titular principal
Un preload del archivo WOFF2 evita el salto visual en la primera pantalla.
En el head:<link href="https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap" rel="stylesheet">
En tu CSS:h1, h2 { font-family: "Quicksand", sans-serif; font-weight: 700; }
05 Licencia de Quicksand: ¿se puede usar gratis en proyectos comerciales?
Sí. Quicksand se publica con la SIL Open Font License 1.1, la misma de la mayoría de fuentes de Google Fonts. Puedes descargarla desde Google Fonts o desde el repositorio del proyecto en GitHub e instalarla en tu ordenador para diseñar.
- ✓Puedes usarla gratis en webs, apps, logotipos, impresos y vídeos, también con fines comerciales.
- ✓Puedes incrustarla en documentos PDF y en aplicaciones.
- ✓Puedes modificarla, siempre que la versión modificada mantenga la misma licencia y cambie de nombre.
- ✓No puedes vender el archivo de la fuente por sí solo.
- ✓Si registras un logotipo hecho con Quicksand, recuerda que la letra no es exclusiva: cualquiera puede usarla.
06 Cómo descargar e instalar Quicksand en tu ordenador
Para usar Quicksand en programas de escritorio como Word, PowerPoint, Illustrator, Figma (versión de escritorio) o Affinity, tienes que instalarla en el sistema. El proceso es el mismo que con cualquier otra fuente gratuita y no requiere registrarse.
-
1
Descarga la familia
En la página de Quicksand en Google Fonts, pulsa el botón de descarga. Obtendrás un archivo ZIP con la fuente variable y los pesos estáticos.
-
2
Descomprime el ZIP
Dentro verás una carpeta static con un archivo .ttf por peso (Light, Regular, Medium, SemiBold y Bold).
-
3
Instala en Windows
Selecciona los archivos .ttf, haz clic derecho y elige Instalar (o Instalar para todos los usuarios).
-
4
Instala en macOS
Haz doble clic en cada archivo y pulsa Instalar tipo de letra en el Catálogo Tipográfico.
-
5
Reinicia el programa
Cierra y vuelve a abrir la aplicación de diseño para que aparezca Quicksand en la lista de fuentes.
07 Alternativas a Quicksand
| Fuente | Parecido | Diferencia principal |
|---|---|---|
| Nunito | Sans serif con terminales redondeados | Más legible en párrafos; tiene cursivas |
| Comfortaa | Geométrica y redondeada | Más decorativa, formas aún más circulares |
| Varela Round | Redondeada y limpia | Un solo peso |
| Poppins | Geométrica | Terminales rectos: más seria y corporativa |
Si la tipografía va a formar parte de tu marca, piensa en ella como en el color o el logotipo: debe usarse siempre igual y quedar recogida en el manual de identidad corporativa.
Preguntas frecuentes sobre Quicksand
Es una tipografía sans serif geométrica con terminales redondeados, diseñada por Andrew Paglinawan en 2008 y disponible gratis en Google Fonts. En inglés, la palabra significa «arenas movedizas».
El diseñador Andrew Paglinawan, en 2008. Thomas Jockin colaboró en la revisión de 2016 y Mirko Velimirovic creó la versión variable en 2019.
Sí. Se distribuye con la SIL Open Font License 1.1, que permite usarla en proyectos comerciales, logotipos incluidos. Lo único que no puedes hacer es vender la fuente por sí sola.
No en Google Fonts: la familia solo incluye estilo normal en pesos de 300 a 700. Si aplicas cursiva, el navegador genera una inclinación artificial.
Light (300), Regular (400), Medium (500), SemiBold (600) y Bold (700). Al ser variable, también admite cualquier valor intermedio.
No es la mejor opción. Es una fuente de display: rinde bien en titulares, logotipos y textos cortos, pero en párrafos largos cansa más que una sans serif de lectura como Open Sans o Lato.
Con sans serif neutras para el cuerpo de texto, como Open Sans, Lato o Inter, o con una serif sobria como Merriweather si buscas contraste.
Significa «arenas movedizas». También da título a una serie sueca de Netflix de 2019 y a una canción de David Bowie de 1971.
Nunito, Comfortaa y Varela Round son las alternativas gratuitas más parecidas por sus formas redondeadas.
Descarga la familia desde Google Fonts, descomprime el ZIP e instala los archivos .ttf con clic derecho > Instalar en Windows o con doble clic > Instalar tipo de letra en macOS.
Fuentes consultadas
Sobre el autor
Equipo editorial de appyweb
Marketing, SEO y desarrollo con IA
Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.