Grupos Básicos de Tipografia #
As configurações de tipografia dos nossos temas estão divididas em vários grupos. Podes definir as tuas configurações de fonte em “Loja online -> Tema -> Tipografia” para os seguintes conjuntos:
- Tipo de Texto: Aplica-se a todos os textos do teu site, como descrições de produtos, conteúdo de posts de blog, textos de páginas, etc.
- Tipo de letra do título: Utilizada para elementos de título como H1, H2, o nosso elemento “Título de Secção” do Visual Editor Page Builder, etc.
- Tipo de letra dos nomes das entidades: Fonte para os títulos dos teus produtos, posts e categorias.
- Tipo de letra secundário: Fonte para os textos de subtítulos de secção ou para elementos com a classe CSS “font-alt”.
- Tipo de letra dos títulos dos widgets: Grupo de títulos de widgets da barra lateral e do rodapé.
- Tipo de letra do cabeçalho: O estilo para os links de navegação principal no cabeçalho do teu site.
Opções Avançadas de Tipografia #
Embora as configurações básicas de tipografia permitam definir estilos de fonte para todos os elementos do teu site de forma global, existem muitos elementos para os quais podes querer definir estilos diferentes, independentemente das configurações globais. Por exemplo, alterar o tamanho da fonte para o preço, definir a cor para os links do menu móvel, aumentar o tamanho da fonte dos títulos dos posts, mudar a cor das breadcrumbs, etc. E é aí que a nossa secção de “Tipografia Avançada” te ajudará.
Podes encontrá-la em “Loja online -> Tema -> Tipografia -> Avançado“. A partir daí, podes definir um número ilimitado de regras para qualquer elemento do teu site.
Custom Selector #
Por padrão, podes especificar as configurações de fonte para um número de seletores que definimos com base em todos os pedidos mais populares dos clientes, como navegações, preços, títulos, migalhas de pão, etc. Estaremos a trabalhar nesta lista nas nossas atualizações e a adicionar mais seletores necessários lá. Mas também podes usar a opção “Custom Selector” que te permite escrever o teu próprio seletor CSS e aplicar quaisquer regras de fonte a ele. Por exemplo, se quiseres mudar o tamanho da fonte para o título “DETALHES DE FATURAÇÃO” na tua página de checkout, precisas de escrever o seu seletor no campo como .sellrocket-billing-fields h3
Tipos de letra personalizados #
Para incorporar uma fonte personalizada no teu tema, podes seguir estes passos:
- Prepara os Ficheiros da Fonte: Começa por ter os teus ficheiros de fonte nos formatos .woff e .woff2 prontos. Podes fazê-los de graça usando o Online Font Converter.
- Acede às Definições do Tema: Vai a Loja online -> Tema -> Tipografia
- Adiciona a Fonte Personalizada: Dentro das configurações de tipografia, procura pela opção “Tipos de letra personalizados“. Aqui, podes fazer o upload dos teus ficheiros de fonte .woff e .woff2.
- Envia os Ficheiros: Assim que selecionares os teus ficheiros de fonte, é só enviá-los. O tema vai tratar do resto.
Com estes passos simples, vais ter a tua fonte personalizada no teu tema e dar um toque especial ao teu site.
Para definir uma fonte personalizada no teu site, basta navegares até à secção de Tipografia e escolheres a tua fonte personalizada a partir da lista suspensa.
