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

Divi: O melhor tema WordPress de todos os tempos!

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

Com ferramentas como " Google Fonts "E" Typekit Que oferecem milhares de fontes diferentes, há quase um número infinito de opções que permitirão que você escolha uma boa fonte para o seu blog. No entanto, você ainda está limitado apenas à seleção de uma fonte que outra pessoa criou. Existem diferentes razões pelas 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 da sua política o ajudará a decidir quanto tempo e investimento financeiro você precisará implementar para o desenvolvimento dessa política.

Se for apenas por diversão, uma ferramenta básica de criação de fontes, como um conversor de gravação, pode ser o que você precisa. Se for para um projeto específico, convém dedicar algum tempo para aprender algumas técnicas vitais e também usar software mais sofisticado. Este é o caminho que seguimos por toda essa sala.

Por fim, se você criar uma fonte destinada a ser usada por outras pessoas, provavelmente precisará investir muito mais tempo no processo de desenvolvimento e gastar muito mais com 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ê pode 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 (gratuito): esta ferramenta permite que você personalize fontes básicas ajustando um conjunto simples de parâmetros.

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ê é um pouco mais sério sobre a criação de uma fonte exclusiva e deseja mais opções de personalização, existem várias ferramentas gratuitas para você escolher. No entanto, antes de chegar ao próprio software, existem algumas etapas preliminares que consideramos. Vamos cada um por vez.

Etapa # 1: definir um design requintado

Este é o passo mais importante no processo de criação da fonte. Como em qualquer projeto de design, é essencial que você descreva seus objetivos desde o início. Aqui estão algumas perguntas potencialmente importantes a serem feitas ao criar sua própria fonte:

Comece a promover seu blog

Faça o download de dezenas de logotipos, banners, modelos de sites e muitas outras ferramentas de marketing para comercializar seu blog WordPress. [Recomendado]

  • 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 seu software, muitos tutoriais profissionais da polícia recomendam que o trabalho preliminar de design seja feito no papel. Tente criar formas que representem uma visão da aparência da sua fonte. Esta tarefa é difícil de visualizar no PC.

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

  • Você não precisa desenhar um conjunto completo de caracteres - as letras mais recomendadas são "H", "n", "o" e "y".
  • Marca na linha de base e outras linhas importantes elevadas para usar como um guia.
  • Veja outras fontes para ver onde as formas são repetidas 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 o design de tipografia de nível médio, existem vários aplicativos gratuitos disponíveis, e é importante saber qual deles mais lhe agradará.

1 - FontForge

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

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

2 - Birdfont

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]

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 iniciar sua fonte do zero usando o editor ou fazer upload de imagens como ponto de partida. No entanto, mesmo se houver 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ê estará pronto para começar a criar sua fonte. Dependendo da sua escolha de software, você pode começar do zero, baixar imagens de seus desenhos em papel ou baixar um arquivo de fonte para editá-lo. Depois de transformar seus caracteres, você pode expandi-lo para incluir letras, números e outros caracteres.

Essa parte do processo pode ser bastante longa, pois cada software terá sua própria curva de aprendizado. No entanto, uma vez que você começa a se acostumar, o processo deve acelerar muito rapidamente. Para ajudá-lo a ir mais rápido, eis algumas 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çado vertical acima em letras como "h" e "k".
  • rampa de profundidade: A profundidade do traçado vertical descendente 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íciemas se você é uma pessoa interessada em criar uma fonte, este diagrama mostra um pouco da anatomia da fonte da qual acabamos de falar:

anatomia-duna-Police

Etapa # 5: refine seu conjunto de caracteres

Durante o processo de criação da fonte, é fácil se concentrar apenas em caracteres individuais. No entanto, também é importante considerar como a fonte será exibida quando for refinada. Aqui estão algumas dicas para você se lembrar enquanto refina seu conjunto de caracteres:

  • Preste atenção ao espaçamento e kerning das letras combinando uma série dessas letras durante o processo.
  • Teste tamanhos diferentes para cada caractere, especialmente se o aplicativo que usa sua fonte optar por tamanhos maiores.
  • 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.

Etapa # 6: baixe suas fontes para WordPress

Depois de concluir sua fonte personalizada, você provavelmente desejará começar a usá-la. Se o uso pretendido para sua fonte estiver em seu próprio site WordPress, existem vários métodos de download disponíveis. O mais simples é usar um plug-in de fonte, um dos mais populares é ' Usar qualquer fonte »:

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]

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 comentários 0

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
6 ações
ação2
chilrear
Enregistrer4