# Editor do Wix Studio: trabalhar com tipografia do site Source: https://support.wix.com/pt/article/editor-do-wix-studio-trabalhar-com-tipografia-do-site (updated 2025-08-14) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt Certifique-se de que seu design seja consistente em todo o site do seu cliente ao definir a tipografia do site. Essa área no painel Estilos do site é dividida em **Fontes** e **Estilos de texto**, que você pode personalizar individualmente para combinar com o visual que deseja obter. **Como faço para acessar a tipografia do site?** Clique em **Estilos** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/4ce41b16-aa7d-4e92-a5f0-80c7395c6fe1/bc746964-80b3-4116-a1c6-adeaba5dc943.png) no lado esquerdo do editor e selecione a aba **Tipografia**. --- ## Fontes e estilos de texto A seção **Fontes** mostra todas as fontes que você está usando nos estilos de texto do site. Quando você altera uma fonte na seção **Fontes**, ela é atualizada automaticamente em todos os estilos de texto que estavam usando a fonte anterior. **Estilos de texto** refere-se aos tipos de texto individuais usados no site (por exemplo: Cabeçalho 2, Parágrafo 1). ![A aba Tipografia no painel Estilos do site, mostrando a seção de Fontes e Estilos de texto, passando o mouse sobre uma fonte para atualizá-la](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/3ea9824d-a7b6-422a-a0c8-ad3c0ec4ec8f/1c141664-ee11-44b8-b165-cbb8b5805e5e.png) > **Dica:** Cabeçalho 1 - Cabeçalho 6 são [tags de cabeçalho](https://support.wix.com/pt/article/gerenciar-as-tags-de-cabeçalho-da-sua-página) que são atribuídas automaticamente a esses títulos. Manter a hierarquia descendente de seus títulos, de acordo com as tags de cabeçalho, ajuda o SEO e a acessibilidade. --- ## Atualizar a tipografia do site Renove seu design ao atualizar a tipografia em todo o site do seu cliente. Você pode alterar as fontes do site ou ajustar a aparência dos 9 estilos de texto individuais (6 cabeçalhos, 3 parágrafos). **O que acontece quando eu atualizo os estilos/fontes de texto?** Quando você altera um estilo de texto, ele é aplicado a todos os elementos de texto que estiverem usando esse estilo. Alterar uma fonte atualiza automaticamente qualquer estilo de texto (por exemplo: Cabeçalho 1, Parágrafo 2) que usava a fonte anterior. Isso também se aplica a quaisquer elementos de texto com tema que usaram a fonte anterior. ### Para atualizar a tipografia: 1. Clique em **Estilos** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/4ce41b16-aa7d-4e92-a5f0-80c7395c6fe1/bc746964-80b3-4116-a1c6-adeaba5dc943.png) no lado esquerdo do editor. 2. Clique na aba **Tipografia**. 3. Escolha o que você deseja personalizar: uma fonte ou um estilo de texto: * **Fonte:** 1. Clique na fonte que você deseja atualizar em **Fontes**. 2. Selecione uma nova fonte no dropdown. 3. Clique em **Atualizar** para aplicar a nova fonte. * **Estilo de texto:** 1. Clique no estilo de texto que você deseja atualizar em **Estilos de texto**. 2. Personalize o estilo de texto como preferir: * Escolha uma nova fonte no dropdown. * Escolha o tamanho da fonte. * Faça com que o texto [dimensione proporcionalmente](https://support.wix.com/pt/article/definir-o-texto-para-dimensionar-proporcionalmente) para que ela fique ideal em todos os tamanhos de tela e defina o tamanho máximo e mínimo em px (pixels). * Deixe o texto em negrito e/ou itálico. * Defina o espaçamento entre linhas e caracteres. * Escolha a cor do texto. 3. Volte ao painel principal ao clicar no ícone de **Seta** ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcTVg11Rr2311FHcLBUvJj0a1HnVX0EhKtbQAAapvx8PDkL_77ezToSEi5vwOYZlBs2_DiaYLNhVxKyyMxybgwWyvc_V-GDj2IQWzMkeikFJ5Amcsw_GlU21L8jwJB4NVI19RFQPoCu1geMhR6IAheXfXI?key=k_2EM6zsnpqJcxQF7aCXIg) no canto superior esquerdo. ![As opções de Editar texto foram abertas para o cabeçalho 6 no painel Estilos de site. O cursor está ativando a alavanca Dimensionar texto.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/09/8e32be1d-d28c-461f-9106-33af53aa91fd/cd4e8140-0a7a-48db-b7dd-88b3d29d05ec.png) --- ## Aplicar estilos de texto a uma página Depois de estabelecer a tipografia do site do seu cliente, você pode adicionar facilmente elementos de texto com as fontes e estilos de texto relevantes. Vá para o painel Elementos para adicionar títulos e parágrafos temáticos. Clique em **Texto** e arraste o estilo relevante em **Temas de texto** para o local desejado. Os elementos temáticos estão conectados à tipografia do site, portanto, eles serão atualizados automaticamente se você fizer alterações no painel Estilos de site. ![Uma captura de tela dos temas de texto disponíveis no painel Elementos. O subcabeçalho Texto do tema está destacado.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/20/14b27ae0-8a74-4a51-bb73-313236a511c4/c876dc81-122e-45c3-b32c-9059f6f31532.jpg) ## Aplicar um estilo a um elemento de texto Você também pode aplicar um estilo a um elemento de texto existente na página. Clique em **Editar texto** no elemento e selecione o **Estilo** relevante no dropdown no [Inspetor](https://support.wix.com/pt/article/editor-do-wix-studio-usar-o-painel-inspetor). Isso conecta o elemento ao estilo de texto escolhido, o que significa que ele será atualizado automaticamente se você fizer alterações no painel Estilos de site. ![Uma captura de tela recortada da seção Design no inspetor. O dropdown de estilo está destacado.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/20/4834578a-146d-465a-a3a4-0fde24f388aa/9a11d947-9f2e-460d-98e2-d580e82ce0b1.jpg) ## Sobrepor estilos de texto Se você alterar o design de um elemento de texto após selecionar um estilo (tema) para ele, você está criando uma "sobreposição do design". Isso significa que quaisquer atualizações do estilo escolhido não se aplicam a este elemento de texto. Você pode redefinir elementos de texto com sobreposições ao seu estilo original. Clique no dropdown **Estilo** e selecione **Redefinir edições**. > Você também pode selecionar **Atualizar estilos** para aplicar as sobreposições feitas ao estilo de texto real. Isso também atualizará todos os elementos de texto com esse estilo no site do seu cliente. ![A aba de design do texto no Inspetor. O cursor está passando sobre a opção Redefinir edições no menu Estilo.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/19/bb04961d-d289-4460-9f5f-e6bbc011a708/10fb01b1-0085-4131-89f0-aa6defe1bfc9.jpg) --- ## Ativar fontes padrão Você usa fontes personalizadas pesadas? Ative fontes padrão para otimizar o desempenho do site. Essas fontes são carregadas mais rapidamente e são exibidas temporariamente no site online enquanto suas fontes personalizadas são carregadas em segundo plano. [Saiba mais sobre fontes padrão](https://support.wix.com/pt/article/desempenho-do-site-otimizar-o-texto#fallback-fonts-in-the-studio-editor) ### Para ativar fontes padrão: 1. [Vá para o seu editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26) 2. Clique no ícone **Wix Studio** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/14/2e772e80-6766-4ae9-ae5a-4d1d4ac760b0/acaaf527-2311-4f34-aeea-c3d3bca89b09.png) no canto superior esquerdo. 3. Passe o mouse sobre **Site**. 4. Clique em **Desempenho**. 5. Clique em **Otimizar carregamento com fontes padrão** para ativar. ![O cursor está passando sobre as configurações de fontes padrão em desempenho. A configuração está ativada.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/18/b39f9fb5-5e74-413b-ac8b-a8101702a47a/77500ed3-bdfa-4715-8caf-ff9c58607ead.jpg) > **É importante saber:** A configuração exibe uma marca de seleção quando está ativada.