Atareao

Algumas semanas, estou trabalhando ativamente no redesenho do indicador do meu tempo para o Android. É uma mudança profunda que vai do próprio motor de gerenciamento de tempo em si, para o design estético do aplicativo, tentando se aproximar tanto quanto possível aos critérios marcados pelo design.

Um dos aspectos que eu sou tentando melhorar é reduzir o tamanho do aplicativo, para o que estou substituindo as imagens no formato PNG por uma tipografia que inclui todos os símbolos que preciso.

para a criação da fonte que usei Inkscape , uma ferramenta de design de vetor, que por algum tempo foi convertida em uma ferramenta indispensável, e isso começou a se mover para o GIMP, dependendo de quais coisas.

Em seguida, você pode ver como criar sua própria tipografia usando inkscape …

screenshot_2015-02-01-21-48-52.png

tipograficas e inkscape

Criar uma tipografia com o Inkscape é relativamente simples, embora eu tenha que confessar que é uma operação v Eradiamente tedioso, pelo menos se você tiver que começar do zero. Mas isso não é porque você faz isso com o InkScape, é simplesmente o processo de criar qualquer fonte.

  • A primeira etapa é baixar o modelo que você usará para executar as fontes e abri-lo No Inkscape.
  • abaixo você tem que abrir o editor de origem no Inkscape. Para fazer isso, abra o menu de texto > SVG SOUNG Editor …, como você vê na próxima imagem,

-home-atareao-desk-weathericons.svg - InkScape_535.png

  • O próximo passo é salvar o modelo com outro nome para evitar perder o original.
  • agora nos concentramos no processo. A primeira coisa é colocar a imagem que queremos usar como um caractere dentro da página, no guia existente. É importante indicar que a imagem deve ser uma jornada, em outro caso, você deve convertê-lo anteriormente.

fontstarter.svg - inkscape_536.png

Selecione a guia G glyifos no editor SVG, clique na etiqueta Font1 e selecione o GLYP 1, conforme vê na próxima imagem,

fontstarter.svg - inkscape_538.png

  • então pressione o botão Obter curvas da seleção …. Se na parte inferior, onde indica a visualização, você escreve o caractere A, você verá o resultado.
  • Finalmente, você só precisa definir o nome da fonte, para o que você deve clicar duas vezes no Font1 no Direito da coluna do editor SVG e o nome da família, você definirá na guia Configurações globais.
  • salva o arquivo criado com o formato SVG.
  • para terminar você tem que Use qualquer método para converter a fonte SVG para TTF. Neste caso, usei um conversor de fontes on-line online. Ele permite converter para uma grande variedade de diferentes formatos. Então você seleciona o que você deseja e download.

conclusões

É um método realmente simples e eficaz, e isso permitirá que você crie suas próprias fontes em alguns passos, seja para seus próprios aplicativos, para o seu site ou para o que você considera.

Leave a Comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *