Ir para o conteúdo principal

Como criar uma fonte personalizada para o seu blog WordPress

Divi: o tema WordPress mais fácil de usar

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Com ferramentas como " Google Fonts "E" Typekit Que oferecem milhares de fontes diferentes, há um número quase infinito de opções que lhe permitirão escolher uma boa fonte para o seu blog. No entanto, você ainda está limitado apenas a selecionar uma fonte que outra pessoa criou. Existem vários motivos pelos quais você deseja criar sua própria fonte.

Este tutorial mostrará passo a passo como criar sua própria fonte. Também ofereceremos sugestões para algumas opções menos técnicas e alternativas mais avançadas. No entanto, antes disso, entenderemos por que você deseja criar uma fonte personalizada.

Por que criar uma fonte personalizada?

A criação da polícia pode se tornar muito técnica, custando tempo e dinheiro (É por isso que você realmente precisa considerar tudo antes de embarcar nesta aventura) O uso pretendido de sua política o ajudará a decidir quanto tempo e investimento financeiro você precisará investir no desenvolvimento desta política.

Se for apenas para se divertir, uma ferramenta básica de criação de fontes, como um conversor de manuscrito, pode ser o que você precisa. Se for para um projeto específico, você pode querer reservar um tempo para aprender algumas técnicas vitais e também usar um software mais sofisticado. Este é o caminho que percorremos ao longo desta peça.

Por fim, se você estiver criando uma fonte destinada ao uso por outras pessoas, provavelmente precisará investir muito mais tempo no processo de desenvolvimento e gastar muito mais dinheiro em software profissional.

Algumas ferramentas básicas para começar

Antes de mergulharmos no tutorial, vamos dar uma olhada em algumas ferramentas básicas para quem quer ter o prazer de criar uma fonte personalizada. Essas soluções também podem ser um bom ponto de partida para se familiarizar com alguns dos aspectos técnicos da criação de fontes:

  • PaintFont (gratuito): este serviço permite transformar sua escrita em uma fonte preenchendo e digitalizando um modelo.
  • FontStruct (grátis): Usando FontStruct, você será capaz de criar sua própria fonte que usa formas geométricas.
  • Fontself (49 $): esta ferramenta permite transformar letras manuscritas em fontes no Adobe Illustrator e em breve será compatível com o Adobe Photoshop.
  • Metaflop (grátis): Esta ferramenta permite que você personalize fontes básicas ajustando um conjunto simples de configurações.

criação-de-font-Personalizar-para seu Blog

Agora que examinamos as opções mais simples para criar fontes, passaremos para métodos mais técnicos.

Como criar sua própria fonte (em etapas simples do 6)

Se você está um pouco mais sério sobre como criar uma fonte exclusiva e deseja mais opções de personalização, existem várias ferramentas gratuitas para escolher. No entanto, antes de chegarmos ao software em si, existem algumas etapas preliminares que devemos considerar. Vamos abordar um de cada vez.

Etapa # 1: definir um design requintado

Esta é a etapa mais importante no processo de criação da fonte. Como em qualquer projeto de design, é imperativo que você defina seus objetivos com antecedência. Aqui estão algumas perguntas potencialmente importantes a serem feitas ao criar sua própria fonte:

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

  • Sua fonte é de um projeto específico? Ela será usada por outros projetos?
  • O aplicativo exigirá um tamanho de fonte grande ou pequeno?
  • Quer tipo de fonte básica é Serif e Sans Serif?
  • Você encontrou fontes que você poderia usar para inspirá-lo?

Depois de ter as respostas para essas perguntas, você poderá prosseguir com o planejamento do design da sua fonte.

Etapa nº 2: iniciar no papel

Embora possa ser tentador ir direto para o software, muitos tutoriais profissionais da polícia recomendam que o trabalho de design preliminar seja feito no papel. Tente criar formas que representem uma visão de como sua fonte pode ser. Essa tarefa é difícil de imaginar em um PC.

Aqui estão algumas dicas úteis para criar cartas em papel:

  • Você não precisa desenhar um conjunto de caracteres completo - as letras mais recomendadas são "H", "n", "o" e "y".
  • Marque na linha de base e outras linhas altas importantes para usar como guia.
  • Observe outras fontes para ver onde as formas se repetem em um conjunto de caracteres.
  • Mover a página em vez da sua mão permitirá criar curvas mais suaves.

criação-de-font-shema

Etapa nº 3: escolha e instale seu software

Para design de tipografia de nível médio, há uma série de aplicativos gratuitos disponíveis e é importante saber qual deles é o mais adequado para você.

1 - FontForge

fontforge ferramenta-de-criação-de-fontes

« FontForge É um editor de fontes de código aberto com uma grande quantidade de documentação para guiá-lo durante o processo de design. Embora a interface de design possa ser um pouco intimidante no início, assim que você se acostumar com ela, o FontForge se torna uma ferramenta poderosa para criar lindas fontes personalizadas. Você pode começar do zero, usando as ferramentas disponíveis, ou baixar imagens de fontes para usar como ponto de partida.

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 701.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

2 - Birdfont

birdfont ferramenta-to-create-a-polícia

Birdfont é um pouco mais intuitivo que " FontForge Portanto, pode ser uma opção melhor para quem deseja começar rapidamente. Assim como FontForge Você pode começar sua fonte do zero usando o editor ou fazer upload de imagens como ponto de partida. No entanto, embora haja tutoriais disponíveis, “ Birdfont Não possui tantos quanto o FontForge. " Birdfont É gratuito para criar políticas sob a licença SIL, mas requer uma doação de 5 $ ou mais para uso comercial.

Etapa nº 4: Iniciar a criação

Depois de instalar o software, você está pronto para começar a criar sua fonte. Dependendo da sua escolha de software, você pode começar do zero, fazer upload de imagens de seus designs para o papel ou fazer upload de um arquivo de fonte para editá-lo. Depois de transformar seus personagens, você pode expandi-lo para incluir letras, números e outros caracteres.

Esta parte do processo pode ser bastante longa, pois cada software terá sua própria curva de aprendizado. No entanto, quando você começar a se acostumar com isso, o processo deve acelerar muito rapidamente. Para ajudá-lo a ir mais rápido, aqui estão algumas das terminologias com as quais você precisará se familiarizar:

  • glifos: Cada caractere individual em uma fonte é considerado um glifo.
  • Linha de base: A linha invisível na qual todos os caracteres da fonte ficam.
  • Linha de ascensão: A linha invisível para a qual a ascensão começa.
  • altura ascendente : A altura do traço vertical para cima em letras como "h" e "k".
  • rampa de profundidade: A profundidade do traço vertical para baixo em letras como "p" e "y".
  • Haste: O principal traço vertical de uma letra como "F" e "T".
  • Bacia: A parte arredondada fechada de letras como "b", "d" e "o".
  • Curva de Bezier : Uma fórmula paramétrica usada para modelar curvas evolutivas suaves.

Nós mal arranhamos superfície, mas se você estiver interessado em criar uma fonte, este diagrama mostra um pouco da anatomia da fonte que acabamos de falar:

anatomia-duna-Police

Etapa # 5: refine seu conjunto de caracteres

Durante o processo de criação de uma fonte, é fácil focar apenas nos caracteres individuais. No entanto, também é importante considerar como a fonte será exibida ao refiná-la. Aqui estão algumas dicas para mantê-lo em mente ao refinar seu conjunto de caracteres:

  • Preste atenção ao espaçamento e ao kerning das letras ao combinar uma série dessas letras durante o processo.
  • Experimente tamanhos diferentes para cada caractere, especialmente se o aplicativo que usará sua fonte escolher tamanhos grandes.
  • Imprima seu trabalho regularmente durante todo o processo de design, geralmente é mais fácil detectar erros sutis.

Neste ponto, você está quase lá! Você projetou sua fonte, escolheu e conseguiu o que deseja com o seu software, convertido para o formato digital e refinado para a perfeição. Tudo o que resta agora é fazer o download.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Etapa # 6: baixe suas fontes para WordPress

Depois de terminar sua fonte personalizada, você provavelmente vai querer começar a usá-la. Se o uso pretendido para sua fonte for em seu próprio site WordPress, há vários métodos de download disponíveis. O mais fácil é usar um plugin de fonte, um dos mais populares é " Usar qualquer fonte »:

utilizar-qualquer-são-wordpress-plugin

Este plugin converte automaticamente seus arquivos de fonte, extrai o código CSS e o integra aos arquivos do seu tema. Ele suporta extensões TTF, OTF e WOFF, e uma vez baixado, a fonte estará disponível para uso no WordPress. Este plugin é gratuito para uma conversão de fonte única, mas com uma doação de 10 $ ou mais, você poderá converter um número ilimitado.

É isso neste tutorial. Espero que você possa criar fontes personalizadas para o seu blog WordPress.

Este artigo contém 1 comentário

Deixe um comentário

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

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
7 ações
ação2
chilrear
Enregistrer5