Emberly: Una tipografía gratuita en 54 estilos

Code-ready · HTML
Emberly: Una tipografía gratuita en 54 estilos
Emberly: Una tipografía gratuita en 54 estilos
Emberly: Una tipografía gratuita en 54 estilos
Preguntar a la IA
Abrir en ChatGPT Abrir en Claude Añadir a Cursor
Claude Code / Codex
Vista previa de fuente
Emberly-ExtraBoldNarrowItalic
Cargando vista previa...
Emberly-Condensed
Cargando vista previa...
Emberly-Regular
Cargando vista previa...
Emberly-BoldCondensed
Cargando vista previa...
Emberly-BlackCondensed
Cargando vista previa...

CSS @font-face

@font-face {
  font-family: "Emberly-Black";
  src: url("./Emberly-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackCondensed";
  src: url("./Emberly-BlackCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackCondensedItalic";
  src: url("./Emberly-BlackCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackItalic";
  src: url("./Emberly-BlackItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackNarrow";
  src: url("./Emberly-BlackNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackNarrowItalic";
  src: url("./Emberly-BlackNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Bold";
  src: url("./Emberly-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldCondensed";
  src: url("./Emberly-BoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldCondensedItalic";
  src: url("./Emberly-BoldCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldItalic";
  src: url("./Emberly-BoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldNarrow";
  src: url("./Emberly-BoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldNarrowItalic";
  src: url("./Emberly-BoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Condensed";
  src: url("./Emberly-Condensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-CondensedItalic";
  src: url("./Emberly-CondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtBdCondIta";
  src: url("./Emberly-ExtBdCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtLtCondIta";
  src: url("./Emberly-ExtLtCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtLtNarrowIta";
  src: url("./Emberly-ExtLtNarrowIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBold";
  src: url("./Emberly-ExtraBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldCondensed";
  src: url("./Emberly-ExtraBoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldItalic";
  src: url("./Emberly-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldNarrow";
  src: url("./Emberly-ExtraBoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldNarrowItalic";
  src: url("./Emberly-ExtraBoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLight";
  src: url("./Emberly-ExtraLight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightCondensed";
  src: url("./Emberly-ExtraLightCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightItalic";
  src: url("./Emberly-ExtraLightItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightNarrow";
  src: url("./Emberly-ExtraLightNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Light";
  src: url("./Emberly-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightCondensed";
  src: url("./Emberly-LightCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightCondensedItalic";
  src: url("./Emberly-LightCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightItalic";
  src: url("./Emberly-LightItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightNarrow";
  src: url("./Emberly-LightNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightNarrowItalic";
  src: url("./Emberly-LightNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Medium";
  src: url("./Emberly-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumCondensed";
  src: url("./Emberly-MediumCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumCondensedItalic";
  src: url("./Emberly-MediumCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumItalic";
  src: url("./Emberly-MediumItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumNarrow";
  src: url("./Emberly-MediumNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumNarrowItalic";
  src: url("./Emberly-MediumNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Narrow";
  src: url("./Emberly-Narrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-NarrowItalic";
  src: url("./Emberly-NarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Regular";
  src: url("./Emberly-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-RegularItalic";
  src: url("./Emberly-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemBdCondIta";
  src: url("./Emberly-SemBdCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBold";
  src: url("./Emberly-SemiBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldCondensed";
  src: url("./Emberly-SemiBoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldItalic";
  src: url("./Emberly-SemiBoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldNarrow";
  src: url("./Emberly-SemiBoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldNarrowItalic";
  src: url("./Emberly-SemiBoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Thin";
  src: url("./Emberly-Thin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinCondensed";
  src: url("./Emberly-ThinCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinCondensedItalic";
  src: url("./Emberly-ThinCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinItalic";
  src: url("./Emberly-ThinItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinNarrow";
  src: url("./Emberly-ThinNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinNarrowItalic";
  src: url("./Emberly-ThinNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Self-host the font files from your download. Commercial license → licensing.

Often used with

Suggested companions from the EpicPxls font catalog — same foundry when we can.

Suggestions are catalog-based, not ranked reviews. Commercial use: licensing.

Descripción

Emberly es una tipografía display gratuita inspirada en los tipos Didone, también disponible como fuente variable. Viene en 3 anchos y 54 estilos. Es una excelente opción para diseño de logotipos, titulares, portadas de revistas, carteles y mucho más. Siéntete libre de descargar y usar esta fuente para tus proyectos y diseños próximos, ya sea para uso personal o comercial. Rajesh Rajput (https://www.behance.net/rajputrajesh) nos proporcionó este increíble gratuito.

Si te gusta este diseño, asegúrate de revisar otros tipos de letra increíbles en nuestro sitio web y suscríbete a nuestro boletín completando tu correo en el cuadro de abajo en la sección de pie para que seas notificado de más productos geniales en el futuro y consigas más gratuidades.

Quizás quieras consultar todos los archivos en el kit antes de descargarlo.

¡Tus comentarios y opiniones son muy importantes para nosotros! Si tienes alguna pregunta, inquietud o sugerencia, no dudes en contactarnos a través de nuestras páginas en redes sociales y te responderemos lo antes posible.

También puedes enviarnos un correo a contact@epicpxls.com

¡Gracias y disfruta diseñando!
EpicPxls ❤️

Etiquetas

displaydisplay fontfontfreefree fontsfreebielogo designseriftypefacecharacterslettersheadlinesmagazinepostersbannercover
VENDER PRODUCTOS

Gana el 85% y

más en todas las ventas

+ ENVIAR

Sube tus productos y ponlos

a la venta al precio que desees.

Únete a nuestro boletín y recibe un regalo instantáneo

RECIBIRÁS PRODUCTOS GRATUITOS Y PREMIUM CADA SEMANA.
0626716
DESCARGAS Y CONTANDO
0214760
MIEMBROS ACTIVOS
ÚNETE A NOSOTROS
HERRAMIENTAS GRATUITAS
EMPRESA
ALTERNATIVAS
POR CATEGORÍA
RECURSOS DE DISEÑO
Seguro Icono de candadopagos impulsados por
Hecho en Timisoara ∙ Copyright © 2026 ∙ Creado por Epic Coders