Glifo invertido:bitmap > SVG via autotrace > glifo via fontforge

StackOverflow https://stackoverflow.com//questions/12713444

Pergunta

Estou tentando criar uma fonte/glifo:

  • tirando uma imagem bitmap
  • criando um SVG com autotrace (no Linux)
  • importando o contorno como um glifo com python-fontforge (glyph.importOutlines(svgfile) )

Isso funciona bem exceto que o glifo resultante está invertido (ver imagens).Alguma ideia de como isso pode ser evitado, como o SVG ou glifo pode ser invertido ou algo parecido?

Bitmap de origem:source bitmap

SVG rastreado automaticamente:enter image description here

Fonte resultante:enter image description here

Foi útil?

Solução

resolvi isso simplesmente usando potrace em vez de rastreamento automático.

para referência, estas são as etapas:

converter bitmap para svg (linha de comando do Linux):

potrace -s sourceimg.bmp

use svg como glifo (python):

import fontforge
font = fontforge.open('blank.sfd')
glyph = font.createMappedChar('A')
glyph.importOutlines('sourceimg.svg')
font.generate('testfont.ttf')

É isso, resultado abaixo para uso em site:

css:

@font-face
{
font-family: testfont;
src: url('testfont.ttf');
}

HTML:

<span style="font-family:testfont; font-weight:normal; color:green;">A</span>
<span style="font-family:testfont; font-weight:bold; color:green;">A</span>

enter image description here

Outras dicas

Você poderia tentar inverter o caminho, não tem certeza se há uma opção em Fontforge que você pode fazer isso, mas você pode fazer isso com inkscape (caminho> reverso).

Parece que seu glifo é desenhado à mão. Se você quiser fazer uma fonte completa de TTF com dezenas ou centenas de glifos, então você pode considerar, por exemplo. scahand que eu usei para gerar fontes de mão desenhada. Ele usa um modelo, no qual você desenha (ou colar) letras, de modo que eles vêm na posição vertical direita. Posição horizontal (e espaçamento) são calculadas automaticamente pelo menos em [a-za-z] (pode estar no futuro também outras letras).

mas eu aprecio Sua solução porque usa ferramentas de código gratuitas ou abertas e você tem quase todo o controle de tudo (por exemplo, . Espaços). E a melhor coisa com a Potrace e Fontforge é que você pode fazer isso em mosca ou fazer um serviço de criação de fontes on-line! O potrace é portado em AS3 (funciona, eu testei) e agora também em JS ( https://github.com/antimatter15/js-potrace ou https://github.com/dunvi/potrace-js ), por isso deve ser possível fazer uma janela de pré-visualização em tempo real, que Mostra como o resultado do vetor muda quando os parâmetros de potrace são alterados.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top