---
title: "Fontes personalizadas no Elementor: Guia técnico em 6 passos"
description: "Trabalhar com fontes personalizadas no Elementor é a forma direta de fugir das tipografias padrão e dar identidade visual ao site."
url: https://full.services/fontes-personalizadas-no-elementor/
date: 2026-06-28
author: "Clayton Margiotti"
---
# Fontes personalizadas no Elementor: Guia técnico em 6 passos
Instalar **fontes personalizadas no Elementor** leva poucos minutos: o upload próprio exige o Elementor Pro, e a versão gratuita usa o Google Fonts nativo. Segundo o [Google Fonts](https://fonts.google.com/) (2026), a biblioteca soma 1.934 famílias open-source gratuitas. Hospedar a fonte no seu servidor (self-host) corta requisições externas e reduz o risco de layout shift. Escolha o método pela sua versão e pela meta de performance.
Trabalhar com fontes personalizadas no Elementor é a forma direta de fugir das tipografias padrão e dar identidade visual ao site. O construtor aceita dois caminhos: aplicar uma família do Google Fonts em qualquer widget pela versão gratuita, ou subir o arquivo da sua marca via menu Fontes Personalizadas, recurso do Elementor Pro. A decisão entre os dois pesa no carregamento da página e na consistência visual entre navegadores. Este guia mostra o passo a passo, os formatos aceitos, o impacto em Core Web Vitals e quando o self-host vale mais que o Google Fonts remoto. Para ver todo o ecossistema, consulte os [conteúdos de Elementor da FULL](https://full.services/elementor/).
---
## Primeiros passos: Visão geral dos métodos de fontes personalizadas no Elementor
Existem três métodos para aplicar fontes personalizadas no Elementor, e a escolha depende da sua versão e da origem do arquivo. O Google Fonts nativo funciona no plano gratuito; o upload de arquivo próprio (.woff2, .ttf) e a conexão com o Adobe Fonts exigem o Elementor Pro. Cada rota muda onde a fonte é hospedada e quantas requisições a página dispara no primeiro carregamento.
A tabela abaixo resume os três caminhos com objetivo e o ponto de validação de cada um, antes de entrarmos no passo a passo detalhado.
Métodos de fontes personalizadas no Elementor: rota, objetivo e validação
| Método |
Objetivo |
Check de validação |
| Google Fonts (grátis) |
Aplicar 1 das 1.934 famílias sem upload |
Família aparece no seletor de tipografia do widget |
| Upload próprio (Pro) |
Subir a fonte da marca em .woff2/.ttf |
Fonte listada em Elementor > Fontes Personalizadas |
| Adobe Fonts (Pro) |
Conectar um kit Typekit licenciado |
Kit ativo sincroniza famílias no editor |
## Passo a passo: Instalar fontes personalizadas no Elementor com upload próprio
O upload de uma fonte da marca leva cerca de 3 minutos e roda inteiramente no painel, sem editar código. O caminho oficial é WordPress > Elementor > Fontes Personalizadas, recurso disponível apenas no Elementor Pro. A versão gratuita não tem essa tela: nela, você fica restrito às famílias do Google Fonts já integradas ao seletor de tipografia. Veja as etapas abaixo, validadas contra a documentação oficial.
Legenda: o menu Elementor > Fontes Personalizadas só existe no plano Pro; é nele que o upload acontece.
### Passo 1: Acesse o menu fontes personalizadas
Entre no painel do WordPress e vá em Elementor > Fontes Personalizadas, depois clique em Adicionar Nova. Essa tela só aparece com o Elementor Pro ativo. Dê um nome interno à família (por exemplo, "Marca-Titulo") porque é esse rótulo que vai surgir no seletor de tipografia de cada widget. O nome não precisa ser igual ao nome técnico do arquivo.
### Passo 2: Faça upload dos arquivos por variação
Para cada peso e estilo (Regular, Bold, Italic), envie os arquivos correspondentes. O Elementor aceita cinco formatos: WOFF2, WOFF, TTF, SVG e EOT. A recomendação oficial é subir o máximo de formatos possível para cobrir o maior número de navegadores, com o WOFF2 como prioridade por ter a melhor compressão.
### Passo 3: Publique e aplique a fonte no widget
Salve a família e abra qualquer página no editor. No widget de texto ou cabeçalho, vá em Estilo > Tipografia > Família e escolha o nome que você cadastrou. A partir daí a fonte personalizada vale para aquele elemento ou, se aplicada em Configurações do Site, para o site inteiro.
## Por que o formato do arquivo de fonte muda a performance no Elementor
O formato do arquivo decide quanto peso a fonte adiciona ao carregamento, e a diferença entre WOFF2 e TTF chega a 30% de tamanho. O WOFF2 usa compressão Brotli e é o formato mais leve aceito pelo Elementor; o TTF, criado no fim dos anos 1980 por Apple e Microsoft, não foi pensado para a web e pesa mais.
Em sites construídos no construtor, a tipografia costuma estar entre os recursos que mais atrasam a primeira renderização de texto. Por isso a ordem de prioridade importa ao subir fontes personalizadas no Elementor. Suba sempre o WOFF2 e o WOFF primeiro; deixe TTF, SVG e EOT apenas como fallback para navegadores antigos. Uma família com quatro pesos em WOFF2 raramente passa de algumas dezenas de KB, enquanto a mesma família em TTF pode dobrar esse número. Esse cuidado conversa direto com o [LCP](https://full.services/glossario/lcp/), métrica que mede quando o maior elemento de conteúdo aparece, e tende a melhorar a nota de performance na maioria dos cenários testados.
## Como evitar layout shift e FOIT ao usar fontes personalizadas no Elementor
A regra de ouro para fontes não quebrarem o layout é controlar o comportamento de exibição enquanto o arquivo carrega, e o valor recomendado é `font-display: swap`. Sem isso, o navegador esconde o texto até a fonte chegar (efeito FOIT, Flash of Invisible Text) ou troca a fonte de repente e desloca o conteúdo, prejudicando o [Core Web Vitals](https://full.services/glossario/core-web-vitals/).
O swap mostra uma fonte de sistema primeiro e troca pela personalizada sem esconder nada. No Elementor, o self-host das fontes personalizadas no Elementor ajuda nesse ponto: quando o arquivo está no seu servidor, ele carrega junto do resto da página, sem o atraso de uma requisição a um domínio externo. A FULL atende 150 mil sites WordPress conectados, e nos tickets de tipografia que chegam ao suporte, boa parte do salto visual no carregamento vem de fonte remota sem fallback definido. Definir uma família de sistema como reserva (Arial, sans-serif) é o ajuste mais barato contra esse problema.
## Quando o Google fonts grátis já resolve sem o upload pro
Para a maioria dos projetos, o Google Fonts nativo do Elementor resolve sem nenhum upload, e são 1.934 famílias open-source à disposição. Se a sua marca não exige uma tipografia proprietária, escolher Inter, Roboto ou Poppins direto no seletor do widget já dispensa o Elementor Pro só por causa da fonte.
O ganho de subir arquivo próprio só aparece quando há uma fonte licenciada da identidade visual. O ponto técnico fica na hospedagem. Por padrão, o Elementor puxa o Google Fonts do servidor do Google, o que adiciona uma conexão externa antes do texto renderizar. Plugins de performance como o Perfmatters ou o OMGF permitem baixar essas fontes e servi-las localmente, eliminando a requisição de terceiros. Essa combinação entrega a praticidade do catálogo gratuito com o benefício de carregamento do self-host, sem trocar de método. Para comparar opções de construtor antes de decidir a stack, veja o guia [Elementor vs Gutenberg](https://full.services/elementor-vs-gutenberg/).
## Ferramentas e addons que ampliam o controle de tipografia no Elementor
Quatro ferramentas ampliam o controle de fontes além do que o Elementor entrega de fábrica: Adobe Fonts, Perfmatters, OMGF e os Essential Addons. O Adobe Fonts conecta kits Typekit licenciados direto no Pro; o Perfmatters e o OMGF cuidam do self-host do Google Fonts; os Essential Addons trazem widgets de texto com mais opções de estilo. Cada um cobre uma lacuna específica de tipografia.
A escolha depende da dor ao trabalhar com fontes personalizadas no Elementor. Quem precisa de fonte corporativa licenciada usa o Adobe Fonts; quem prioriza Core Web Vitals foca no OMGF ou no Perfmatters para localizar as fontes. Vale lembrar que addons de tipografia raramente substituem o recurso nativo de Fontes Personalizadas do Pro: eles complementam. A documentação oficial do recurso está na [central de ajuda do Elementor](https://elementor.com/help/custom-fonts-pro/), que detalha os formatos aceitos e o caminho de upload. Para um catálogo amplo, veja também os [plugins de Elementor para alta performance](https://full.services/plugins-elementor-para-criar-sites-de-alta-performance/).
## Garanta tipografia consistente sem pesar o orçamento
Centralizar Elementor Pro, Perfmatters e os addons de tipografia numa única assinatura tira o peso de licenciar plugin por plugin. O plano PRO da FULL custa R$849 e libera todos os plugins premium do catálogo; diluído nos sites de uma agência, isso equivale a cerca de R$85 por site para quem gerencia dez projetos. Em vez de pagar a licença avulsa do Elementor Pro e de cada addon separado, a gente vê no suporte que centralizar reduz a conta e o trabalho de renovação. Conheça os [planos da FULL](https://full.services/planos) para ativar tudo de uma vez.
---
## Perguntas frequentes sobre fontes personalizadas no Elementor
É possível adicionar fontes personalizadas no Elementor sem o plano Pro?
Parcialmente. A versão gratuita do Elementor dá acesso ao Google Fonts nativo, com 1.934 famílias open-source aplicáveis em qualquer widget pelo seletor de tipografia. O upload de um arquivo próprio (.woff2, .ttf) pelo menu Fontes Personalizadas só funciona no Elementor Pro. Para fonte de marca licenciada, o Pro é necessário; para tipografia de catálogo, o plano grátis resolve.
Por que minha fonte personalizada causa um salto visual ao carregar a página?
O salto acontece quando o navegador troca a fonte de fallback pela personalizada depois que a página já renderizou, o que afeta o Cumulative Layout Shift. A correção é usar `font-display: swap` e definir uma família de sistema como reserva (Arial, sans-serif). Servir a fonte pelo próprio servidor, em vez de um domínio externo, também reduz o atraso que dispara o deslocamento.
Quais formatos de arquivo de fonte o Elementor aceita no upload?
O Elementor Pro aceita cinco formatos no menu Fontes Personalizadas: WOFF2, WOFF, TTF, SVG e EOT. A recomendação oficial é priorizar o WOFF2, que usa compressão Brotli e gera o menor arquivo, e subir os demais formatos como fallback para navegadores antigos. Quanto mais formatos você envia por família, maior a cobertura entre navegadores diferentes.
Como aplicar uma fonte personalizada no site inteiro de uma vez no Elementor?
Use as Configurações do Site do Elementor. Em vez de definir a tipografia widget por widget, abra o editor, clique no menu hambúrguer e vá em Configurações do Site > Tipografia. Ali você define a família padrão para títulos e corpo de texto, e a escolha vale para todo o site. A fonte precisa já estar cadastrada em Fontes Personalizadas ou disponível no Google Fonts.
Vale a pena hospedar o Google Fonts localmente em vez de usar o remoto?
Sim, na maioria dos casos focados em performance. O self-host elimina a requisição ao servidor do Google e faz a fonte carregar junto do resto da página, o que ajuda no LCP. Plugins como Perfmatters e OMGF baixam as fontes e as servem do seu domínio automaticamente. A exceção é um site simples sem meta agressiva de Core Web Vitals, onde o ganho é marginal.
## Próximos passos para uma tipografia rápida no Elementor
Dominar as fontes personalizadas no Elementor é menos sobre instalar e mais sobre escolher a rota certa para cada projeto. A versão gratuita com Google Fonts cobre a maioria dos sites; o upload próprio do Elementor Pro entra quando há uma fonte de marca licenciada; e o self-host, via Perfmatters ou OMGF, é o que protege o Core Web Vitals em qualquer um dos dois caminhos. O erro comum ao configurar fontes personalizadas no Elementor não é técnico, é de prioridade: subir TTF pesado quando o WOFF2 resolveria, ou deixar a fonte remota sem fallback. Para continuar aprendendo, o guia [Domine o Elementor](https://full.services/guias/domine-o-elementor) reúne tutoriais, comparativos e checklists em um só lugar.
---
## Metadados Estruturados (Schema.org)
```json-ld
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "TechArticle",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#article",
"headline": "Fontes personalizadas no Elementor: Guia técnico em 6 passos",
"description": "Trabalhar com fontes personalizadas no Elementor é a forma direta de fugir das tipografias padrão e dar identidade visual ao site.",
"url": "https://full.services/fontes-personalizadas-no-elementor/",
"datePublished": "2026-06-28T09:00:00-03:00",
"dateModified": "2026-06-28T09:00:00-03:00",
"inLanguage": "pt-BR",
"articleSection": "Elementor",
"keywords": [
"fontes personalizadas no elementor",
"Elementor",
"WordPress Page Builders",
"Web Design"
],
"author": {
"@id": "https://full.services/#person-clayton"
},
"publisher": {
"@id": "https://full.services/#org"
},
"about": [
{
"@type": "Thing",
"name": "Elementor",
"@id": "https://www.wikidata.org/wiki/Q96322879",
"sameAs": "https://www.wikidata.org/wiki/Q96322879"
},
{
"@type": "Thing",
"name": "WordPress Page Builders"
},
{
"@type": "Thing",
"name": "Web Design"
}
],
"mentions": [
{
"@type": "Organization",
"name": "Elementor",
"url": "https://elementor.com/",
"@id": "https://www.wikidata.org/wiki/Q96322879",
"sameAs": "https://www.wikidata.org/wiki/Q96322879"
},
{
"@type": "Organization",
"name": "WordPress",
"url": "https://wordpress.org/",
"@id": "https://www.wikidata.org/wiki/Q13166",
"sameAs": "https://www.wikidata.org/wiki/Q13166"
}
],
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://full.services/fontes-personalizadas-no-elementor/"
},
"wordCount": 2036,
"citation": [
{
"@type": "CreativeWork",
"name": "Google Fonts",
"url": "https://fonts.google.com/",
"publisher": {
"@type": "Organization",
"name": "Google Fonts"
}
},
{
"@type": "CreativeWork",
"name": "Elementor Academy/Help",
"url": "https://elementor.com/help/custom-fonts-pro/",
"publisher": {
"@type": "Organization",
"name": "Elementor Academy/Help"
}
}
]
},
{
"@type": "FAQPage",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq",
"isPartOf": {
"@id": "https://full.services/fontes-personalizadas-no-elementor/#article"
},
"mainEntity": [
{
"@type": "Question",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq-q1",
"name": "É possível adicionar fontes personalizadas no Elementor sem o plano Pro?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Parcialmente. A versão gratuita do Elementor dá acesso ao Google Fonts nativo, com 1.934 famílias open-source aplicáveis em qualquer widget pelo seletor de tipografia. O upload de um arquivo próprio (.woff2, .ttf) pelo menu Fontes Personalizadas só funciona no Elementor Pro. Para fonte de marca licenciada, o Pro é necessário; para tipografia de catálogo, o plano grátis resolve.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq-q2",
"name": "Por que minha fonte personalizada causa um salto visual ao carregar a página?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "O salto acontece quando o navegador troca a fonte de fallback pela personalizada depois que a página já renderizou, o que afeta o Cumulative Layout Shift. A correção é usar `font-display: swap` e definir uma família de sistema como reserva (Arial, sans-serif). Servir a fonte pelo próprio servidor, em vez de um domínio externo, também reduz o atraso que dispara o deslocamento.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq-q3",
"name": "Quais formatos de arquivo de fonte o Elementor aceita no upload?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "O Elementor Pro aceita cinco formatos no menu Fontes Personalizadas: WOFF2, WOFF, TTF, SVG e EOT. A recomendação oficial é priorizar o WOFF2, que usa compressão Brotli e gera o menor arquivo, e subir os demais formatos como fallback para navegadores antigos. Quanto mais formatos você envia por família, maior a cobertura entre navegadores diferentes.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq-q4",
"name": "Como aplicar uma fonte personalizada no site inteiro de uma vez no Elementor?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Use as Configurações do Site do Elementor. Em vez de definir a tipografia widget por widget, abra o editor, clique no menu hambúrguer e vá em Configurações do Site > Tipografia. Ali você define a família padrão para títulos e corpo de texto, e a escolha vale para todo o site. A fonte precisa já estar cadastrada em Fontes Personalizadas ou disponível no Google Fonts.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#faq-q5",
"name": "Vale a pena hospedar o Google Fonts localmente em vez de usar o remoto?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim, na maioria dos casos focados em performance. O self-host elimina a requisição ao servidor do Google e faz a fonte carregar junto do resto da página, o que ajuda no LCP. Plugins como Perfmatters e OMGF baixam as fontes e as servem do seu domínio automaticamente. A exceção é um site simples sem meta agressiva de Core Web Vitals, onde o ganho é marginal.",
"author": {
"@id": "https://full.services/#org"
}
}
}
]
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://full.services/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Elementor",
"item": "https://full.services/elementor/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Fontes personalizadas no Elementor: Guia técnico em 6 passos",
"item": "https://full.services/fontes-personalizadas-no-elementor/"
}
]
},
{
"@type": "Organization",
"@id": "https://full.services/#org",
"name": "FULL Services",
"url": "https://full.services",
"logo": {
"@type": "ImageObject",
"url": "https://full.services/wp-content/uploads/full-services-logo.png",
"width": 200,
"height": 60
},
"sameAs": [
"https://www.instagram.com/fullservicesbr",
"https://www.facebook.com/fullservices.br",
"https://www.linkedin.com/company/fullservicesbr/"
],
"knowsAbout": [
"WordPress",
"WordPress Hosting",
"Web Development",
"Performance Optimization",
"WordPress Security",
"SEO para WordPress"
],
"award": [
"Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)",
"Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)"
],
"hasCredential": {
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "CVE Numbering Authority (CNA)",
"description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.",
"url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL",
"recognizedBy": {
"@type": "Organization",
"name": "CISA — Cybersecurity and Infrastructure Security Agency",
"url": "https://www.cisa.gov/",
"sameAs": "https://www.cisa.gov/"
}
}
},
{
"@type": "Person",
"@id": "https://full.services/#person-clayton",
"name": "Clayton Margiotti",
"givenName": "Clayton",
"familyName": "Margiotti",
"jobTitle": "Fundador e CEO da FULL Services",
"description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).",
"url": "https://full.services/sobre-nos/",
"image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg",
"sameAs": [
"https://www.linkedin.com/in/cmargiotti/"
],
"knowsAbout": [
"Artificial Intelligence",
"Cybersecurity",
"CVE Program",
"WordPress Enterprise",
"SaaS Platforms",
"Digital Infrastructure",
"Technology Entrepreneurship",
"Company Building",
"Business Leadership",
"Digital Growth"
],
"hasOccupation": {
"@type": "Occupation",
"name": "Fundador e CEO",
"occupationalCategory": "11-1011.00"
},
"knowsLanguage": [
{
"@type": "Language",
"name": "Portuguese",
"alternateName": "pt-BR"
},
{
"@type": "Language",
"name": "English",
"alternateName": "en"
}
],
"memberOf": {
"@type": "Organization",
"name": "CVE Numbering Authorities",
"url": "https://www.cve.org/",
"sameAs": "https://www.cve.org/"
},
"alumniOf": [
{
"@type": "EducationalOrganization",
"name": "Global Scaling Academy (Blitzscaling Program)",
"url": "https://www.blitzscalingacademy.com"
},
{
"@type": "EducationalOrganization",
"name": "Esade",
"url": "https://www.esade.edu"
},
{
"@type": "EducationalOrganization",
"name": "Business School Sao Paulo (BSP)",
"url": "https://bsp.edu.br/"
},
{
"@type": "EducationalOrganization",
"name": "Tera",
"url": "https://somostera.com"
},
{
"@type": "EducationalOrganization",
"name": "Le Wagon",
"url": "https://www.lewagon.com"
},
{
"@type": "EducationalOrganization",
"name": "FIAP",
"url": "https://www.fiap.com.br"
},
{
"@type": "EducationalOrganization",
"name": "PUCRS",
"url": "https://online.pucrs.br/"
}
],
"award": [
"Digital Disruptor – Engaging Experiences Master (Globant, 2021)",
"Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)",
"1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)",
"Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)",
"Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)",
"Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)",
"Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)"
],
"subjectOf": [
{
"@type": "NewsArticle",
"url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners",
"publisher": {
"@type": "Organization",
"name": "Globant"
}
},
{
"@type": "NewsArticle",
"url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html",
"publisher": {
"@type": "Organization",
"name": "PR Newswire"
}
},
{
"@type": "NewsArticle",
"url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas",
"publisher": {
"@type": "Organization",
"name": "Segs"
}
},
{
"@type": "NewsArticle",
"url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao",
"publisher": {
"@type": "Organization",
"name": "Franquia Educacional"
}
},
{
"@type": "NewsArticle",
"url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd",
"publisher": {
"@type": "Organization",
"name": "Acontecendo Aqui"
}
}
],
"worksFor": {
"@type": "Organization",
"@id": "https://full.services/#org"
}
},
{
"@type": "HowTo",
"@id": "https://full.services/fontes-personalizadas-no-elementor/#howto",
"isPartOf": {
"@id": "https://full.services/fontes-personalizadas-no-elementor/#article"
},
"name": "Passo a passo: fontes personalizadas no elementor",
"description": "Guia passo a passo sobre fontes personalizadas no elementor para WordPress.",
"url": "https://full.services/fontes-personalizadas-no-elementor/",
"totalTime": "PT18M",
"author": {
"@type": "Organization",
"@id": "https://full.services/#org"
},
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Passo 1: Acesse o menu fontes personalizadas",
"text": "Entre no painel do WordPress e vá em Elementor > Fontes Personalizadas, depois clique em Adicionar Nova. Essa tela só aparece com o Elementor Pro ativo. Dê um nome interno à família (por exemplo, "Marca-Titulo") porque é esse rótulo que vai surgir no seletor de tipografia de cada widget. O nome não precisa ser igual ao nome técnico do arquivo."
},
{
"@type": "HowToStep",
"position": 2,
"name": "Passo 2: Faça upload dos arquivos por variação",
"text": "Para cada peso e estilo (Regular, Bold, Italic), envie os arquivos correspondentes. O Elementor aceita cinco formatos: WOFF2, WOFF, TTF, SVG e EOT. A recomendação oficial é subir o máximo de formatos possível para cobrir o maior número de navegadores, com o WOFF2 como prioridade por ter a melhor compressão."
},
{
"@type": "HowToStep",
"position": 3,
"name": "Passo 3: Publique e aplique a fonte no widget",
"text": "Salve a família e abra qualquer página no editor. No widget de texto ou cabeçalho, vá em Estilo > Tipografia > Família e escolha o nome que você cadastrou. A partir daí a fonte personalizada vale para aquele elemento ou, se aplicada em Configurações do Site, para o site inteiro. O formato do arquivo decide quanto peso a fonte adiciona ao carregamento, e a diferença entre WOFF2 e TTF chega a 30% de tamanho. O WOFF2 usa compressão Brotli e é o formato mais leve aceito pelo Elementor; o TTF, criado no fim dos anos 1980 por Apple e Microsoft, não foi pensado para a web e pesa mais. Em sites construídos no construtor, a tipografia costuma estar entre os recursos que mais atrasam a primeira renderização de texto. Por isso a ordem de prioridade importa ao subir fontes personalizadas no Elementor. Suba sempre o WOFF2 e o WOFF primeiro; deixe TTF, SVG e EOT apenas como fallback para navegadores antigos. Uma família com quatro pesos em WOFF2 raramente passa de algumas dezenas de KB, enquanto a mesma família em TTF pode dobrar esse número. Esse cuidado conversa direto com o LCP, métrica que mede quando o maior elemento de conteúdo aparece, e"
}
]
}
]
}
```