Criador de fontes grátis no navegador
Digite seu nome, desenhe as letras com o mouse, o dedo ou uma caneta e baixe um arquivo de fonte de verdade. Grátis, no navegador, e nada é enviado para servidores.
Desenhar sobre a letra adiciona traços. Todas as cópias dela na frase são atualizadas.
Ação! Coração, pão e açúcar: a fonte é sua, 1234567890.
Glifos: escolha um para editar
Três caminhos
A fonte rápida pede só as 26 letras minúsculas, no estilo manuscrito, bloco ou pixel, e cria as maiúsculas, números, pontuação, acentos e espaçamento para você. Para controle total há pincel a mão livre, caneta bezier e guias de altura x, maiúsculas e linha de base.
Solte arquivos SVG ou caminhos, ou vetorize um PNG ou JPG do seu lettering. Abra uma fonte TTF, OTF, WOFF ou WOFF2 existente e continue editando.
Imprima o modelo, preencha com caneta e tire uma foto com o celular. O fontsketch acha os marcadores, endireita a página, corrige a luz, separa as células e vetoriza cada letra.
Como funciona
01Escanear
Imprima a folha, escreva uma letra em cada quadro e tire uma foto. Os marcadores dos cantos mostram como a página estava inclinada, e o fontsketch endireita, iguala a luz, separa os quadros e vetoriza cada letra em um glifo pronto para digitar.
Minha Letraminha-letra.woff2
Olá da minha letra
02Peso
Desenhe um master Regular e um Bold com os mesmos pontos e o fontsketch exporta uma fonte variável com um eixo de peso de verdade. Role para ir de Thin a Black.
03Hinting
O hinting TrueType automático encontra as hastes e alinha com a grade de pixels, e um parágrafo em 12 pixels fica nítido em vez de borrado.
no hintinghinted
04Kerning
Pares e classes de kerning aproximam combinações difíceis como AV, To e Wa, e toda cópia acentuada herda o par.
05Exportar
O compilador gera o binário da fonte no navegador: contornos TrueType, contornos CFF, WOFF e WOFF2 com Brotli, além do trecho @font-face pronto.
Galeria
Cada fonte abaixo foi construída com o motor do fontsketch, a partir de traços de caneta, formas geométricas e ícones SVG. Digite em qualquer teste e baixe os arquivos.
Manuscrita · 170 glifos
Ação! Sua letra virando fonte.
Traços de caneta desenhados no estúdio do fontsketch, com acentos montados por componentes.
Variável, wght 100 a 900 · 170 glifos
Do Thin ao Black
Os mesmos traços com uma caneta fina e uma grossa: dois masters compatíveis, um arquivo de fonte variável.
Display geométrica · 45 glifos
GEOMETRIA DE COMPASSO
Anéis, barras e arcos montados com a API do fontsketch, com minúsculas apontando para as maiúsculas.
Fonte de ícones · 16 glifos
.at-starU+E000Star.at-heartU+E001Heart.at-checkU+E002Check.at-closeU+E003Close.at-plusU+E004Plus.at-arrow-rightU+E005Arrow right.at-downloadU+E006Download.at-searchU+E007Search.at-homeU+E008Home.at-cameraU+E009Camera.at-sunU+E00ASun.at-moonU+E00BMoon.at-pen-nibU+E00CPen nib.at-brushU+E00DBrush.at-letterU+E00ELetter A.at-bookmarkU+E00FBookmarkDezesseis ícones na Private Use Area a partir de U+E000, com uma classe CSS para cada um.
Tudo incluso
Traços de pincel viram contornos suaves e editáveis.
Pontos de canto e suaves, alças, encaixe e guias.
Cole ou solte caminhos SVG direto em um glifo.
Transforme lettering em PNG e JPG em contornos.
Modelos A4 e Carta para imprimir com marcadores.
Perspectiva, luz e células detectadas no aparelho.
Pares e classes, com frases de teste ao vivo.
Hinting TrueType automático, hastes manuais ou nenhum.
Eixo de peso a partir de masters compatíveis.
TTF, OTF, WOFF e WOFF2 com CSS @font-face.
Uma CLI que transforma uma pasta de SVGs em fonte.
Projetos salvos no navegador e em .fontsketch.json.
Para desenvolvedores
O mesmo motor roda no Node 18+ e no navegador, sem dependências em tempo de execução para TTF e OTF. Gere fontes no CI, crie fontes de ícones ou leia fontes existentes.
# a folder of SVG icons becomes WOFF2, WOFF, TTF, CSS classes and a preview page
npx fontsketch from-svg ./icons --family Icons -o ./dist
# compile a project saved from the editor
npx fontsketch build my-hand.fontsketch.json -o ./fonts --formats woff2,ttfimport { writeFileSync } from 'node:fs';
import { createFont, addGlyph, circleContour, reverseContour, exportFont, cssFontFace } from 'fontsketch';
const font = createFont({ family: 'My Hand', designer: 'Me' });
addGlyph(font, {
name: 'o',
advanceWidth: 520,
contours: [circleContour(260, 250, 230), reverseContour(circleContour(260, 250, 130))],
});
writeFileSync('my-hand.woff2', exportFont(font, { format: 'woff2', hinting: 'auto' }));
console.log(cssFontFace(font, '/fonts/my-hand.woff2'));Perguntas
Com a fonte rápida do editor você desenha as 26 letras minúsculas e o fontsketch cria as maiúsculas, números, pontuação, acentos e espaçamento, então uma fonte pronta para usar leva uns cinco minutos. As maiúsculas começam como cópias maiores das suas minúsculas até você desenhar as suas.
Sim. Instale o arquivo TTF ou OTF no computador e ela aparece no Word e em outros programas. O Canva aceita fontes enviadas nos planos com Kit de Marca. O painel de download do editor mostra os passos para computador, Word, Canva e sites.
Não. Desenho, leitura da foto e exportação rodam no navegador. Os projetos ficam salvos no navegador, e você pode baixar um arquivo .fontsketch.json como cópia.
TTF e OTF para instalar no computador, WOFF e WOFF2 para sites, além do trecho @font-face pronto. Fontes com um master Regular e um Bold também saem como uma fonte variável.
Sim. Desenhe as letras base e os acentos uma vez e o fontsketch monta as letras acentuadas, então textos em português, espanhol e francês funcionam.
Suas. O fontsketch tem licença MIT e não coloca licença nem marca d'água nas suas fontes.
A fonte rápida do editor pede as 26 letras minúsculas e completa o resto, e uma fonte pronta para usar leva uns cinco minutos.
