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á quase um número infinito de opções que lhe permitirá escolher uma boa fonte para o seu blog. No entanto, você ainda está limitado apenas a selecionar uma fonte criada por outra pessoa. Existem diferentes razões pelas quais você desejará criar sua própria fonte.

Este tutorial irá mostrar passo a passo como criar sua própria fonte. Também oferecemos sugestões para algumas opções menos técnicas, bem como 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 tem que considerar tudo antes de embarcar nesta aventura). O uso pretendido da sua política ajudará você a decidir quanto tempo e investimento financeiro precisará implementar para o desenvolvimento dessa política.

Se é 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, você pode querer dedicar tempo para aprender algumas técnicas vitais e também usar softwares mais sofisticados. Este é o caminho que percorremos nesta sala.

Finalmente, 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 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 aqueles que querem apenas ter prazer em 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 (grátis): 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 (grátis): Esta ferramenta permite personalizar fontes básicas ajustando um simples conjunto de parâmetros.

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

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

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

Se você for um pouco mais sério ao criar uma fonte exclusiva e quiser mais opções de personalização, existem várias ferramentas gratuitas para você escolher. No entanto, antes de acessar o software em si, há algumas etapas preliminares que consideramos. Vamos conversar cada um deles.

Etapa # 1: Definir um design requintado

Este é o passo mais importante no processo de criação da fonte. Como em qualquer projeto de design, é imperativo 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:

  • Sua fonte para um projeto específico 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ê se deparou com fontes que você poderia usar para inspirar você?

Depois de obter as respostas para essas perguntas, você poderá planejar o design da sua fonte.

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]

Etapa # 2: Iniciar no papel

Embora possa ser tentador ir direto ao seu software, muitos tutoriais policiais profissionais recomendam que o trabalho de projeto preliminar seja feito no papel. Tente criar formas que representem uma visão de como sua fonte pode parecer. Esta tarefa é difícil de visualizar no PC.

Aqui estão algumas dicas úteis para criar cartas de 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 de sua mão permitirá criar curvas mais suaves.

criação-de-font-shema

Passo # 3: Escolha e instale o seu software

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

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 através do processo de design. Embora a interface de design possa ser um pouco assustadora a princípio, uma vez que você se acostume com ela, o FontForge se torna uma ferramenta poderosa para a criação de belas fontes personalizadas. Você pode começar do zero, usando ferramentas disponíveis, ou baixar imagens de fontes 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 do que " FontForge Por isso, pode ser uma opção melhor para quem procura começar rapidamente. Como FontForge Você pode começar 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 tem tantos como profundo como FontForge. " Birdfont É livre para criar políticas sob a licença SIL, mas requer uma doação de 5 $ ou mais para uso comercial.

Etapa # 4: Iniciar 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 fazer o download de 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, porque cada software terá sua própria curva de aprendizado. No entanto, uma vez que você começar a se acostumar com isso, o processo deve acelerar bastante rapidamente. Para ajudá-lo a ir mais rápido, eis 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 estão.
  • Linha de ascendente: A linha invisível na 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 traçado vertical principal 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 sobre a qual acabamos de falar:

anatomia-duna-Police

Etapa # 5: Refine seu conjunto de caracteres

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

  • Preste atenção ao espaçamento e kerning de 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 o seu trabalho regularmente ao longo do processo de design, muitas vezes é mais fácil detectar erros sutis.

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

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. [FREE]

Passo # 6: Baixe suas fontes para WordPress

Depois de ter concluído 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, há vários métodos de download disponíveis. O mais simples é 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 fontes, extrai o código CSS e os integra nos 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 única conversão de fonte, mas com uma doação de 10 $ ou mais, você poderá converter um número ilimitado.

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

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
Whatsapp