{"id":1705,"date":"2023-02-07T20:28:15","date_gmt":"2023-02-07T20:28:15","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2023\/02\/07\/6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online\/"},"modified":"2025-08-27T06:06:28","modified_gmt":"2025-08-27T06:06:28","slug":"6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online\/","title":{"rendered":"Hostinger Criador de Sites: Como Personalizar o Estilo de Texto na Loja Online"},"content":{"rendered":"<p class=\"no-margin\">Se voc&ecirc; tiver uma loja on-line criada com o Criador de Sites da Hostinger, poder&aacute; alterar facilmente a <b>fam&iacute;lia de fontes<\/b> usada na loja on-line nas <b><a href=\"\/br\/support\/6463286-criador-de-sites-como-alterar-a-fonte-e-o-estilo-do-texto\" target=\"_blank\" class=\"intercom-content-link\">configura&ccedil;&otilde;es globais de estilo<\/a><\/b>. L&aacute;, voc&ecirc; pode definir <b>duas fam&iacute;lias de fontes<\/b>: uma para t&iacute;tulos e outra para par&aacute;grafos. Lembre-se de que essas altera&ccedil;&otilde;es ser&atilde;o aplicadas a todo o site, n&atilde;o apenas &agrave; loja on-line.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Da mesma forma, voc&ecirc; pode alterar o <b>tamanho da fonte<\/b> nas seguintes &aacute;reas da loja on-line &#128071;<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_5c545c5e25\">Se&ccedil;&atilde;o de lista de produto<\/h1><p class=\"no-margin\">Aprenda como adicionar <b><a href=\"\/br\/support\/6538352-criador-de-sites-secoes-de-produto\" target=\"_blank\" class=\"intercom-content-link\">se&ccedil;&otilde;es de lista de produto<\/a>&#128161;<\/b> <\/p><ul>\n<li>\n<p class=\"no-margin\">Texto da faixa: <b>Par&aacute;grafo 3 <\/b>(P3)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">T&iacute;tulo do produto: <b>Cabe&ccedil;alho 6 <\/b>(H6)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Pre&ccedil;o:<b> Par&aacute;grafo 2 <\/b>(P2)<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/00c15252-ba4e-401a-b628-00317f18391e.jpg\" alt=\"Estilo de texto em uma se&ccedil;&atilde;o de lista de produtos\"><\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Otilde;ES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">As altera&ccedil;&otilde;es feitas nas configura&ccedil;&otilde;es gerais de estilo afetar&atilde;o todos os elementos de texto do site<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por exemplo, se voc&ecirc; mudar o estilo do Cabe&ccedil;alho 6 (para personalizar o estilo dos t&iacute;tulos de produto), lembre-se de isso afetar&aacute; os demais elementos de texto do C6 <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">Conclu&iacute;das as altera&ccedil;&otilde;es, certifique-se de <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_9e807ed73d\">Se&ccedil;&atilde;o de produto &uacute;nico <\/h1><p class=\"no-margin\">Aprenda como adicionar se&ccedil;&otilde;es de <b><a href=\"\/br\/support\/6538352-criador-de-sites-secoes-de-produto\" target=\"_blank\" class=\"intercom-content-link\">produto &uacute;nico<\/a><\/b> e como encontrar <b><a href=\"\/br\/support\/6538349-criador-de-sites-paginas-de-produtos\" target=\"_blank\" class=\"intercom-content-link\">p&aacute;ginas de produtos<\/a>&#128161;<\/b> <\/p><ul>\n<li>\n<p class=\"no-margin\">T&iacute;tulo do produto: <b>Cabe&ccedil;alho 3 <\/b>(H3)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">T&iacute;tulo do produto: <b>Cabe&ccedil;alho 5 <\/b>(H5)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Pre&ccedil;o: &#8291;<b> Par&aacute;grafo 1 <\/b>(P1)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Op&ccedil;&otilde;es de produto: <b>Par&aacute;grafo 2 <\/b>(P2)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Descri&ccedil;&atilde;o do produto: <b>Par&aacute;grafo 2 <\/b>(P2)<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/620f47df-715f-43fe-b0ec-5ffb077234b0.jpg\"><\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Otilde;ES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">As altera&ccedil;&otilde;es feitas nas configura&ccedil;&otilde;es gerais de estilo afetar&atilde;o todos os elementos de texto do site <\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por exemplo, se voc&ecirc; mudar o estilo do Cabe&ccedil;alho 3 (para personalizar o estilo dos t&iacute;tulos de produto), lembre-se de isso afetar&aacute; os demais elementos de texto do C3 <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">O estilo do bot&atilde;o pode ser alterado nas <b><a href=\"\/br\/support\/6538352-criador-de-sites-secoes-de-produto#h_947eb13c3d\" target=\"_blank\" class=\"intercom-content-link\">configura&ccedil;&otilde;es da se&ccedil;&atilde;o de produto<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Conclu&iacute;das as altera&ccedil;&otilde;es, certifique-se de <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_e6a44efd4c\">P&aacute;gina do produto<\/h1><p class=\"no-margin\">Aprenda como adicionar se&ccedil;&otilde;es de <b><a href=\"\/br\/support\/6538352-criador-de-sites-secoes-de-produto\" target=\"_blank\" class=\"intercom-content-link\">produto &uacute;nico<\/a><\/b> e como encontrar <b><a href=\"\/br\/support\/6538349-criador-de-sites-paginas-de-produtos\" target=\"_blank\" class=\"intercom-content-link\">p&aacute;ginas de produtos<\/a>&#128161;<\/b> <\/p><ul>\n<li>\n<p class=\"no-margin\">T&iacute;tulo do produto: <b>Cabe&ccedil;alho 1 <\/b>(H1)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">T&iacute;tulo do produto: <b>Cabe&ccedil;alho 5 <\/b>(H5)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Pre&ccedil;o: &#8291;<b> Par&aacute;grafo 1 <\/b>(P1)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Op&ccedil;&otilde;es de produto: <b>Par&aacute;grafo 2 <\/b>(P2)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Descri&ccedil;&atilde;o do produto: <b>Par&aacute;grafo 2 <\/b>(P2)<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/4a13cf88-03af-4da1-abee-b1b62a1f9269.jpg\" alt=\"Estilo de texto em uma &uacute;nica se&ccedil;&atilde;o de produto e em uma p&aacute;gina de produto\"><\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Otilde;ES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">As altera&ccedil;&otilde;es feitas nas configura&ccedil;&otilde;es gerais de estilo afetar&atilde;o todos os elementos de texto do site <\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por exemplo, se voc&ecirc; mudar o estilo do Cabe&ccedil;alho 1 (para personalizar o estilo dos t&iacute;tulos de produto), lembre-se de isso afetar&aacute; os demais elementos de texto do C1 <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">O estilo do bot&atilde;o pode ser alterado nas <b><a href=\"\/br\/support\/6538352-criador-de-sites-secoes-de-produto#h_947eb13c3d\" target=\"_blank\" class=\"intercom-content-link\">configura&ccedil;&otilde;es da se&ccedil;&atilde;o de produto<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Conclu&iacute;das as altera&ccedil;&otilde;es, certifique-se de <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_d40f58269e\">Carrinho de compras<\/h1><p class=\"no-margin\">Aprenda como ativar o <b><a href=\"\/br\/support\/6539042-criador-de-sites-configuracoes-do-carrinho-de-compras\" target=\"_blank\" class=\"intercom-content-link\">carrinho de compras<\/a><\/b>&#128161; <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">No momento, n&atilde;o &eacute; poss&iacute;vel alterar o estilo da fonte (tamanho, cor, decora&ccedil;&atilde;o etc.) do carrinho de compras, mas &eacute; poss&iacute;vel alterar a <b>fam&iacute;lia da fonte<\/b>. Todo o texto no carrinho de compras &eacute; escrito em <b>estilo de par&aacute;grafo<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Abra as configura&ccedil;&otilde;es gerais de estilo e clique em <b>Customizar fonte<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/fd0c6cd2-1819-4774-bbd4-472572346b26.jpg\" alt=\"Configura&ccedil;&otilde;es globais de estilo de texto no Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">2. Selecione<b> Par&aacute;grafos e navega&ccedil;&atilde;o<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/cfa5e141-37c9-448f-9fac-cce0c6ce709d.jpg\" alt=\"Configura&ccedil;&otilde;es de estilo de par&aacute;grafos e navega&ccedil;&atilde;o no Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">3. Altere a <b>fam&iacute;lia da fonte<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/e0701f6c-8136-4d16-a345-fd6cc74ab55a.jpg\" alt=\"Configura&ccedil;&otilde;es de fonte dos par&aacute;grafos e da navega&ccedil;&atilde;o no Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Otilde;ES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">As altera&ccedil;&otilde;es feitas nas configura&ccedil;&otilde;es gerais de estilos afetar&atilde;o todos os elementos de texto do site <\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por exemplo, se voc&ecirc; mudar o estilo da fonte do par&aacute;grafo (para personalizar o estilo do testo no carrinho de compras), lembre-se que os links de navega&ccedil;&atilde;o e outros elementos escritos no estilo de par&aacute;grafo ser&atilde;o afetados<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">Conclu&iacute;das as altera&ccedil;&otilde;es, certifique-se de <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b> <\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda como alterar a fonte do texto das p\u00e1ginas da sua loja virtual usando o Criador de Sites da Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[263],"tags":[],"class_list":["post-1705","post","type-post","status-publish","format-standard","hentry","category-loja-virtual"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6539079-hostinger-createur-de-site-web-comment-personnaliser-le-style-de-texte-dans-la-boutique-en-ligne\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6539079-hostinger-svetainiu-kurimo-irankis-kaip-keisti-teksto-stiliu-el-parduotuveje\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1705"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1705\/revisions"}],"predecessor-version":[{"id":2892,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1705\/revisions\/2892"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}