Kode Mono

Monospace por Isa Ozler #1245 no Google Fonts
Baixar Google Fonts
Peso

Sobre Kode Mono

Kode Mono by Isa Ozler is a variable monospace typeface with a weight axis (wght) spanning four positions, designed with the clean geometry of a technical drawing instrument but enough character to avoid sterility. Its letterforms are clearly differentiated — disambiguation between commonly confused characters is built into the design — making it reliable for coding environments, terminal emulators, and developer documentation. The variable weight axis enables fine-tuning between light interface text and bold code emphasis.

Mapa de Caracteres

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Visualização do Editor de Código

example.js 
const fibonacci = (n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
};

// Generate first 10 numbers
const results = Array.from(
  { length: 10 },
  (_, i) => fibonacci(i)
);

console.log(`Result: ${results.join(', ')}`);

Distinção de Caracteres

Você consegue diferenciar estes? Uma boa fonte monospace torna caracteres similares fáceis de distinguir.

Zero vs O 0 O o
Um vs l vs I 1 l I | !
Aspas ' ' " " ` ´
Chaves ( ) [ ] { } < >
Pontuação . , : ; .. ...

Cascata de Pesos (4)

400 Regular
500 Medium
600 SemiBold
700 Bold

Como Usar

<link href="https://fonts.googleapis.com/css2?family=Kode+Mono:wght@500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@500;600;700;400&display=swap');
font-family: 'Kode Mono', monospace;
brew install --cask font-kode-mono

Detalhes

Categoria
Monospace
Pesos
4
Itálico
✗
Coreano
✗
Designer
Isa Ozler
Licença
OFL
Versão
Popularidade
#1245
Downloads
228

Uso da Licença

Uso na webPermitido
ImpressãoPermitido
Vídeo / TransmissãoPermitido
EmbalagemPermitido
Incorporação em appPermitido
Marca / LogoPermitido
ModificaçãoPermitido

OFL — Gratuito para uso pessoal e comercial

Suporte a Idiomas

latin latin-ext

Ideal Para

code_editors technical_docs web_apps branding ui_elements