ETC Trispace: fonte gratuita em 45 estilos

ETC Trispace: fonte gratuita em 45 estilos
ETC Trispace: fonte gratuita em 45 estilos
Perguntar à IA
Abrir no ChatGPT Abrir no Claude Adicionar ao Cursor
Claude Code / Codex
Visualização de fonte
Trispace_SemiExpanded-ExtraLight
Carregando visualização...
Trispace_Condensed-ExtraLight
Carregando visualização...
Trispace_Condensed-Bold
Carregando visualização...
Trispace-ExtraBold
Carregando visualização...
Trispace_Condensed-Regular
Carregando visualização...

CSS @font-face

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Trispace-VariableFont_wdth,wght";
  src: url("./Trispace-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Trispace_SemiExpanded-Thin";
  src: url("./Trispace_SemiExpanded-Thin.ttf") format("truetype");
  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

ETC Trispace é uma família de fontes gratuita criada por Tyler Finck (https://www.behance.net/tybradford), onde todos os glifos ocupam uma de três larguras possíveis. É baseada na League Mono (também criada por Tyler), mas com a diferença de incluir muitos glifos alterados e não ser monoespaçada.

Agora, o ETC Trispace é gratuito para download e inclui 45 estilos (9 Regulares, 9 Condensados, 9 Estreitos, 9 Largos, 9 Estendidos com pesos que vão de Thin a Black e seus respectivos itálicos) além de uma fonte variável.

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

Gostou desse recurso gratuito? Se sim, assine nossa newsletter preenchendo seu e-mail na caixa abaixo, na seção de rodapé, para ser notificado de mais produtos legais no futuro e receber semanalmente brindes gratuitos!

Seu feedback e opiniões são muito importantes para nós! Deixe-nos saber que outros recursos gratuitos para download você gostaria de ver no futuro.

Facebook - https://facebook.com/epiccoders.co/
Twitter - https://twitter.com/CoEpic
Instagram - https://www.instagram.com/epicpxls/
Você também pode nos enviar um e-mail para contact@epicpxls.com

Obrigado e boa criação! ❤️

Tags

freefreebiefontdesigndesignertypefacestylefamilyglyphsmonoleaguemonospacedcondensednarrowwideextendedthinblackitalicsvariable
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.
0626754
DOWNLOADS E CONTANDO
0214794
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