O que são tipos de letra personalizados no Elementor?

Os tipos de letra personalizados no Elementor permitem-lhe adicionar tipos de letra auto-hospedados e da Adobe ao construtor de páginas e utilizá-los no conteúdo do seu sítio Web. Com as fontes personalizadas, é fácil carregar qualquer fonte e modificar as suas caraterísticas para criar um estilo de fonte exclusivo para o seu sítio Web.

Também é possível adicionar tipos de letra da Adobe ao Elementor através da integração do Adobe Typekit e sincronizar e utilizar todos os tipos de letra do Typekit.

Formatos de tipo de letra personalizados suportados

O Elementor suporta os seguintes cinco formatos de letra personalizados:

1. Formato Web Open Font (WOFF)Este é o formato de letra mais popular e recomendado, suportado pela maioria dos browsers modernos.
2. Formato Web Open Font (WOFF 2.0)Este ficheiro suporta tipos de letra OpenType e TrueType e oferece uma melhor compressão do que o WOFF.
3. Fontes SVGSVG (Scalable Vetor Graphics) é um formato de imagem vetorial baseado em XML utilizado para definir ficheiros gráficos 2D. Este formato é particularmente útil para a apresentação de glifos SVG em texto, especialmente em iPhones mais antigos.
4. Tipos de letra TrueType (TTF)Formato de letra desenvolvido pela Microsoft e pela Apple na década de 1980.
5. Tipos de letra OpenType incorporados (EOT): Concebido pela Microsoft para suportar o IE.

Onde posso descarregar tipos de letra personalizados gratuitos para o Elementor?

• Google Fonts
• Dafont
• Tipo de letra Esquilo
• Fontes urbanas
• Espaço de letra

Para transferir estas fontes, basta clicar no botão de transferência das suas fontes favoritas, descomprimir a pasta e selecionar o formato de fonte adequado. Quando terminar, pode carregar as fontes para o WordPress e utilizá-las no Elementor.

Como adicionar tipos de letra personalizados ao Elementor

Adicionar fontes personalizadas ao seu sítio Web é fácil, quer esteja a utilizar a versão gratuita ou premium do Elementor. No entanto, os tipos de letra personalizados integrados no Elementor só estão disponíveis no Elementor Pro. Se estiver a utilizar a versão gratuita, pode adicionar tipos de letra personalizados ao seu sítio Web utilizando o plug-in WordPress ou instalando o Temas do Nexterpara que isso aconteça.

Aqui estão os passos detalhados para adicionar fontes personalizadas ao WordPress Elementor.

Passo 1: Adicionar tipos de letra personalizados ao Elementor Pro

Se estiver a utilizar o Elementor Pro, pode tirar partido da sua funcionalidade integrada de tipos de letra personalizados. Aqui estão os passos exactos:

1. Ir para Definições de tipo de letra personalizadas
   • No painel de controlo do WordPress, navegue até à secção Elementor > Tipos de letra personalizados.
   • Clique "Adicionar novos tipos de letra" para começar a adicionar novos tipos de letra personalizados.

Introduza um nome de família de letras. Pode ser selecionado qualquer nome personalizado.

Passo 2: Adicionar variantes de tipos de letra e carregar tipos de letra

1. Na página Tipos de letra personalizados, clique em "Adicionar variante de tipo de letra".
2. Adicione nomes de tipos de letra e carregue ficheiros de tipos de letra em diferentes formatos, como WOFF, WOFF2, TTF, SVG e EOT.
3. Os ficheiros de tipos de letra necessários podem ser descarregados de vários catálogos de tipos de letra na Internet.

4. Podem ser adicionadas múltiplas variantes de um único tipo de letra, definindo a espessura e o estilo do tipo de letra personalizado.
5. Para cada formato de letra e variante adicionada, carregue o ficheiro de letra adequado separadamente.

Passo 3: Publicar o tipo de letra final

Depois de carregar o ficheiro do tipo de letra a partir da biblioteca multimédia, clique em"Libertar".botão. O tipo de letra está agora disponível no Elementor.

Passo 4: Utilizar tipos de letra personalizados no sítio Web Elementor

1. No construtor de páginas Elementor, abra qualquer widget que contenha texto.
2. Navegue até à secção Estilos do widget de texto.
3. Em Definições de tipografia, selecione o tipo de letra personalizado que carregou.
4. Ajustar tamanhos de letra, estilos, espessuras, ornamentos, etc., conforme necessário, para os tornar coerentes com o design do seu sítio Web

Método 2: Como adicionar fontes personalizadas ao Elementor gratuitamente?

Adicionar tipos de letra personalizados à versão gratuita do Elementor requer algum trabalho extra, uma vez que não tem a funcionalidade de tipos de letra personalizados incorporada. Para tal, é necessário um plugin ou um tema WordPress que suporte ficheiros de tipos de letra personalizados.POSIMYTH Innovations' Temas do NexterInclui capacidades de tipos de letra personalizados e uma integração perfeita com o Elementor.

Eis como adicionar tipos de letra personalizados ao Elementor utilizando o tema Nexter.

Passo 1: Instalar temas e extensões Nexter

1. No painel de controlo do WordPress, navegue até à secçãoestado exterior > temático > Adicionar novo tópico.
2. Procurar e instalar temas Nexter.
3. Clique em "Install Nexter Extension" (Instalar extensão Nexter) e active o plug-in.

Passo 2: Ativar tipos de letra personalizados

1. Depois de ativar o tema, aceda ao painel de controlo do WordPress e vá para a secçãoestado exterior > Definições do Nexter > opção adicional.
2. Localize e active a opção de carregamento de tipos de letra personalizados.

Passo 3: Descarregar o ficheiro do tipo de letra personalizado

1. Descarregue ficheiros de tipos de letra personalizados de qualquer sítio Web de catálogo de tipos de letra gratuitos, como o dafont.com.
2. Encontre um tipo de letra que corresponda ao seu design e identidade de marca, clique em descarregar e extraia o ficheiro zip descarregado.

Passo 4: Carregar tipos de letra personalizados

1. Aceda à página Definições do Nexter e clique no ícone Definições na opção Upload de tipos de letra personalizados para importar os seus tipos de letra.
2. Selecione "Carregamento de tipo de letra simples" para carregar um único ficheiro de tipo de letra de cada vez, ou "Carregamento de tipo de letra variável" para carregar múltiplas variações de um tipo de letra (por exemplo, negrito, itálico, etc.).

3. Introduza o nome do tipo de letra, carregue o ficheiro do tipo de letra a partir do sistema, selecione a variante e clique em Guardar tipo de letra.

Passo 5: Utilizar tipos de letra personalizados no sítio Web Elementor

1. Abra o construtor de páginas Elementor e vá para a página que está a editar.
2. Navegar paratipo > tipográficoselecione os tipos de letra personalizados carregados.
3. Personalize as definições dos tipos de letra, incluindo o tamanho, o espaçamento, o estilo, a altura das letras, etc., para os tornar coerentes com o design do seu sítio Web.

Resumo:

Este artigo explica como é fácil integrar e aplicar tipos de letra personalizados com o guia passo a passo fornecido neste artigo, quer esteja a utilizar o Elementor Pro ou a versão gratuita. Para os utilizadores Pro, pode ser utilizada a funcionalidade de fontes personalizadas incorporada, enquanto os utilizadores gratuitos podem obter o mesmo efeito com o tema Nexter. Com estes métodos, é possível criar estilos de tipos de letra exclusivos para o seu sítio Web que sejam consistentes com o design e a imagem da marca.