Posso enviar minha fonte personalizada?

O que é uma fonte personalizada?

A fonte personalizada é uma fonte que não está incluída por padrão em bibliotecas padrão como o Google Fonts. Em vez disso, ela é carregada manualmente na sua loja para refletir a personalidade da sua marca.

Por que usar fontes personalizadas no Shopify?

• Reforce a consistência da marca em todas as páginas
• Obtenha uma tipografia única não oferecida pelas bibliotecas padrão
• Melhore a hierarquia visual e a legibilidade
• Destaque-se dos concorrentes com design personalizado

Como fazer o upload de uma fonte personalizada no GemPages versão 7.

Com o GemPages versão 7, você pode carregar fontes personalizadas do Shopify diretamente no editor. Embora o Google Fonts esteja disponível, esse recurso permite que você carregue qualquer fonte que desejar.

Como fazer upload de fonte no GemPages V7

Método 1: Carregar fontes por meio do editor

Passo 1: No Editor GemPages, escolha qualquer elemento que contenha configurações de texto, como um título. 

Passo 2: Prepare a fonte.

Você pode baixar a fonte que deseja usar de uma fonte online/offline ou comprá-la de um fornecedor. Depois, salve a fonte no seu computador para carregá-la no GemPages Editor.

Passo 3: Vou ao fonte seção e abra a lista de fontes. Em seguida, clique no Carregar fonte botão.

Passo 4: Assim que o upload for bem-sucedido, a fonte ficará visível no Uploaded seção.

Passo 5: Verifique como a fonte personalizada é exibida no editor e no modo de página ativa.

Método 2: Carregar fontes por meio de estilos globais

Acesse Estilos globais e acesse o Gerenciamento de fontesr seção. Lá, você pode carregar a fonte personalizada para seu Título e Parágrafo. 

Como excluir uma fonte personalizada

Passo 1: Passe o mouse sobre as opções de fonte, você verá o Lixo ícone à direita da fonte personalizada.

Passo 2: Clique no ícone Lixeira ao lado.

Passo 3: Confirme sua exclusão.

Como verificar suas fontes personalizadas recentes

Passo 1: Dentro das opções de fonte, selecione a Mais ícone ao lado do nome da fonte para revelar a lista de fontes.

Passo 2: Verifique as três fontes mais recentes exibidas no topo da lista de fontes.

Carregando fonte personalizada no GemPages versão 6

Diferentemente do V7, o GemPages V6 depende dos arquivos de tema do Shopify para hospedar e renderizar fontes.

Com as atualizações recentes do Shopify, você não pode mais carregar arquivos .ttf e .ottf em um tema. Em vez disso, você pode adicionar o arquivo de fonte no Envie o seção em seu Administrador do Shopify.

Passo 1: Carregar arquivo de fonte para o Shopify

• Acesse Administração do Shopify > Conteúdo > Arquivo.  Carregue seu arquivo de fonte selecionando “Carregar arquivo”.

• A janela aberta permitirá que você selecione o arquivo de fonte a ser adicionado. Após o upload do arquivo com sucesso, selecione o de vidrio ícone para copiar o link do arquivo.

Passo 2: Modificar código do tema Shopify

• Acesse Loja virtual > Temas. Clique no botão de três pontos e selecione “Editar código”.

• Depois disso, procure o arquivo “tema.líquido” sob a traçado seção ou através da barra de pesquisa. Selecione para abrir o arquivo.

• Adicione o seguinte código no final do arquivo.

<style>

@font-face {  

  font-family: "FontName"; 

  src: url("Linkofthefontfile");

}

</style>

• Substitua os elementos abaixo do código por dados reais.

Nome da fonte: o nome da fonte.

Linkdoarquivodafonte: o link do Arquivo de Fonte que foi carregado anteriormente. Ele é copiado após você selecionar o ícone Link.

• Clique em "Economize" quando terminado.
• Procure o arquivo “tema.gem-layout-none.liquid” sob a traçado seção ou através da barra de pesquisa. Selecione para abrir o arquivo.

Em seguida, repita o passo anterior dentro deste arquivo.

Passo 3: Adicione a fonte ao GemPages

• De Painel GemPages, abra seu modelo preferido para editar. Clique em um elemento baseado em texto (Heading, Text Block, etc.) para revelar as configurações na barra lateral esquerda.
• Sob o Configurações guia, procure o Tipografia > Fonte seção. Clique no menu suspenso e selecione Abra o gerenciador de fontes.

• No Gerenciador de fontes, clique em Fontes de tema aba. Em seguida, clique em Adicionar fontes de tema.

• Insira o nome exato da fonte no campo e clique "Adicionar."

Por favor, insira o nome exato, pois os nomes de fontes diferenciam maiúsculas de minúsculas. Você pode verificar novamente o nome no “theme.liquid”, conforme mostrado na etapa anterior.

• Em seguida, passe o mouse sobre o nome da fonte e clique no ícone + para ativar a fonte.

• Clique "Salve." A fonte adicionada será então exibida no fonte menu suspenso do Configurações aba.

Perguntas Frequentes

1. O que são fontes personalizadas no Shopify?

Fontes personalizadas são aquelas que você carrega manualmente na sua loja Shopify, em vez de usar fontes integradas, como o Google Fonts. Elas ajudam a manter a consistência da marca e dão à sua loja um visual único.

2. Como adicionar fontes ao Shopify?

Para adicionar fontes ao Shopify, você precisa carregar o arquivo da fonte na seção Arquivos do painel administrativo do Shopify e, em seguida, usar @font-face no código do tema para aplicá-lo. O GemPages simplifica esse processo permitindo que você gerencie as fontes dentro do editor.

3. Posso enviar fontes diretamente para o Shopify?

Sim, você pode enviar fontes para a Shopify através da seção Conteúdo > Arquivos no seu painel administrativo da Shopify. Após o envio, você pode vincular o arquivo usando um código personalizado nos arquivos Liquid do seu tema.

4. Como faço upload de fontes no GemPages?

O GemPages oferece duas maneiras de fazer upload de fontes:

• Na versão 7, você pode enviá-los diretamente no Gerenciador de fontes.
• Na versão 6, você carrega a fonte no Shopify e a integra ao GemPages usando o recurso “Fontes do tema”.

5. Onde posso gerenciar minhas fontes personalizadas no GemPages?

Você pode gerenciar todas as fontes personalizadas por meio do Gerenciador de fontes em ambos Estilos globais e editores de páginas individuais. A partir daí, você pode carregar, ativar ou excluir fontes conforme necessário.