Coda

Prueba Coda

Pesos y estilos

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

Sobre Coda

Coda es una familia display sans serif cuyas letras redondas se dibujan como rectángulos redondeados. En el espécimen, el Regular es estrecho y vertical, con la o, la c y la e de lados planos, remates rectos y un signo de porcentaje formado por dos cajitas; el ExtraBold es mucho más pesado y ancho, con contraespacios diminutos, y se lee como un bloque. Las notas oficiales explican la división: el corte más pesado se hizo como una fuente display sencilla y práctica para la web, para componerse en grande allí donde la información tiene que golpear con fuerza, y el Regular lo acompaña en usos de texto y display. Por eso la familia tiene dos pesos y ninguna cursiva, y no es una fuente variable. Sus 393 glifos cubren latino y latino extendido. Vernon Adams es el diseñador, y el aviso de copyright reserva los nombres Coda y Coda Caption. Coda se publica con la SIL Open Font License 1.1.

Dónde funciona Coda

Grandes titulares web

ExtraBold 800 se dibujó para esto: unas pocas palabras pesadas y macizas en la parte superior de una página.

Banners y llamadas destacadas

Los contraespacios diminutos y los trazos anchos hacen que un precio, una fecha o una sola palabra domine un banner.

Títulos para páginas de tecnología y videojuegos

Las formas de rectángulo redondeado de la o, la c y la e dan a los encabezados un aspecto mecanizado y cuadrado.

Etiquetas y texto corto

Regular 400 es estrecho y uniforme, así que resuelve elementos de navegación, pies de foto y párrafos breves junto al corte pesado.

Glifos

Idiomas admitidos

La familia contiene las letras básicas con las que se escriben estos idiomas:

• Inglés
• Francés
• Alemán
• Español
• Portugués
• Italiano
• Neerlandés
• Sueco
• Noruego
• Danés
• Finés
• Islandés
• Catalán
• Turco
• Polaco
• Checo
• Eslovaco
• Húngaro
• Rumano
• Croata
• Esloveno
• Lituano
• Letón
• Estonio

Juegos de caracteres encontrados en los archivos: latin, latin-ext. La lista de idiomas comprueba que la fuente tenga las letras necesarias; no garantiza la calidad tipográfica en cada idioma.

Licencia

Fuentes que combinan con Coda

Las sugerencias salen de reglas sencillas sobre los datos: una clasificación que contraste y pesos suficientes para el texto corrido. Son un punto de partida, no un veredicto.

Usar Coda en la web

Descarga la familia, aloja los archivos en tu propio sitio y decláralos en CSS. No enlaces a los archivos de trendhub.net: los archivos de vista previa son subconjuntos y sus direcciones cambian.

@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Coda", sans-serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Coda con este código:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Coda:wght@400;800&display=swap" rel="stylesheet">

Lo que debes saber

Nada entre 400 y 800

Coda salta directamente de Regular a ExtraBold. No hay un escalón intermedio medium ni bold.

Sin cursiva

Los dos estilos son redondos.

Reserved Font Names

El aviso de copyright reserva Coda y Coda Caption, por lo que las versiones modificadas necesitan otro nombre.

Preguntas frecuentes

Fuentes similares

Otras familias de la misma clasificación, ordenadas por etiquetas de uso en común. Todas las fuentes display