Emberly: Uma fonte gratuita em 54 estilos

Code-ready · HTML
Emberly: Uma fonte gratuita em 54 estilos
Emberly: Uma fonte gratuita em 54 estilos
Emberly: Uma fonte gratuita em 54 estilos
Perguntar à IA
Abrir no ChatGPT Abrir no Claude Adicionar ao Cursor
Claude Code / Codex
Visualização de fonte
Emberly-ExtraBoldNarrowItalic
Carregando visualização...
Emberly-Condensed
Carregando visualização...
Emberly-Regular
Carregando visualização...
Emberly-BoldCondensed
Carregando visualização...
Emberly-BlackCondensed
Carregando visualização...

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.

Descrição

Emberly é uma fonte display gratuita inspirada em tipos Didone, também disponível como fonte variável. Ela vem em 3 larguras e 54 estilos. É uma ótima escolha para design de logotipos, manchetes, capas de revistas, pôsteres e muito mais. Sinta-se à vontade para baixar e usar esta fonte em seus projetos e designs futuros, seja para uso pessoal ou comercial. Rajesh Rajput (https://www.behance.net/rajputrajesh) nos forneceu este incrível brinde!

Se você gostou deste design, não deixe de conferir outros tipos de letra incríveis em nosso site e assine nossa newsletter preenchendo seu e-mail na caixa abaixo, na seção de rodapé, para ser notificado sobre mais produtos legais no futuro e garantir mais brindes!

Você pode querer verificar todos os arquivos no kit antes de baixá-lo.

Seus comentários e opiniões são muito importantes para nós! Caso tenha alguma dúvida, preocupação ou sugestão, não hesite em entrar em contato conosco por nossas páginas de mídia social e responderemos o mais rápido possível.

Você também pode nos enviar um e-mail para contact@epicpxls.com

Obrigado e aproveite o design!
EpicPxls ❤️

Tags

displaydisplay fontfontfreefree fontsfreebielogo designseriftypefacecharacterslettersheadlinesmagazinepostersbannercover
VENDER PRODUTOS

Ganhe 85% e

mais em todas as vendas

+ ENVIAR

Faça upload de seus produtos e coloque-os

à venda pelo preço que você quiser.

Junte-se à nossa newsletter e receba um presente instantâneo

VOCÊ RECEBERÁ PRODUTOS GRATUITOS E PREMIUM A CADA SEMANA.
0626691
DOWNLOADS E CONTANDO
0214751
MEMBROS ATIVOS
JUNTE-SE A NÓS
FERRAMENTAS GRATUITAS
EMPRESA
ALTERNATIVAS
POR CATEGORIA
RECURSOS DE DESIGN
Seguro Ícone de Cadeadopagamentos fornecidos por
Feito em Timisoara ∙ Copyright © 2026 ∙ Criado por Epic Coders