Com o recurso de fonte personalizada do Help Center, você pode enviar seu próprio arquivo de fonte para combinar com o estilo da sua marca.
Formatos de arquivo suportados:
TTF, OTF, EOT, WOFF, WOFF2.
Terminologia importante:
Uma família de fontes - é um conjunto de fontes que compartilham um design semelhante, mas variam em atributos como peso, largura e estilo. Por exemplo, uma família de fontes pode incluir pesos Light, Regular e Bold, cada um com sua própria versão Italic.
Uma versão itálica - é um estilo onde os caracteres são inclinados para a direita. Fontes itálicas são frequentemente usadas para ênfase, títulos ou para destacar citações e referências do texto principal.
Peso da fonte - refere-se à espessura dos caracteres em uma tipografia. Pesos comuns incluem Light, Regular, Medium, Semi Bold, Bold e Extra Bold.
Se você usar Google Fonts (pré-carregadas), essas configurações são aplicadas automaticamente e não são necessários passos extras. Mas ao usar uma fonte personalizada, você deve enviar vários arquivos de fonte para cada peso e garantir que todas as configurações estejam corretas (a única exceção são as Variable fonts).
Comece agora
Enviar uma fonte personalizada
Vá para Settings > Help Center > Configure & style e abra a aba Styling, depois clique em Shared elements.
Role para baixo e selecione Manage custom fonts.
Clique em Upload font para começar.
Se você optar por enviar uma fonte de sua escolha, certifique-se de que tem permissão para usar a fonte e revise quaisquer termos de licença aplicáveis para cumprir as obrigações relevantes antes de enviar a fonte para usá-la no seu Help Center.
Pesos da fonte
Para garantir que todos os elementos de texto sejam exibidos corretamente no Help Center, você deve enviar os seguintes pesos de fonte:
Regular
Medium
Semi Bold
Bold, e
Itálicos para cada um.
O recurso de seleção múltipla permite que users enviem vários arquivos de fonte de uma vez.
No Help Center, usamos os pesos de fonte Regular, Medium, Semi Bold e Bold. Se os colegas esquecerem de enviar um peso específico ou a família de fontes não tiver um arquivo para uma dada combinação peso/estilo, o navegador escolhe o mais próximo para renderizar o texto. Por exemplo, se você enviar apenas Medium e Bold, mas esquecer o Regular, então Medium substituirá todos os estilos Regular.
Certifique-se de que não há arquivos de fonte duplicados com as mesmas propriedades. Se ocorrer um erro, um banner aparecerá dizendo: "Você já tem outro arquivo de fonte nesta família de fontes com o mesmo peso e estilo." Se o banner for ignorado e as configurações forem salvas, um dos arquivos será escolhido aleatoriamente.
Fontes variáveis
Você pode enviar uma fonte variável em vez de múltiplos pesos de fonte. Você não terá a opção de ajustar a aparência da fonte, porém o navegador ajustará automaticamente o peso da fonte conforme necessário.
Você ainda precisará enviar um arquivo de fonte variável separado para o estilo Itálico.
Para enviar uma fonte variável, escolha o arquivo de fonte rotulado como Variable. Então, selecione a opção "Variable" na configuração de Peso da fonte após o upload.
Verificar configurações da fonte
Após enviar os arquivos de fonte, você notará que cada arquivo tem seu próprio acordeão para ajustar configurações.
Os nomes dos acordeões são gerados automaticamente a partir das informações do arquivo. Eles são atualizados automaticamente após ajustes nas configurações.
Por padrão, esses acordeões usam informações extraídas diretamente dos arquivos. No entanto, essas informações podem estar incorretas. Você deve verificar e, se necessário, atualizar essas informações para garantir que todas as fontes sejam exibidas corretamente.
Coisas para verificar/atualizar se necessário:
Todos os arquivos de fonte pertencentes à mesma família de fontes devem ter o mesmo nome de família de fontes.
Todos os arquivos de fonte devem apontar para o peso correto da fonte. Por exemplo, se você enviou um Rubik Regular, precisa garantir que a opção “Regular (400)” esteja selecionada na configuração de Peso da fonte.
Todos os arquivos de fonte também devem apontar para o estilo correto da fonte. Por exemplo, se você enviou um Rubik Regular, precisa garantir que a opção “Normal” esteja selecionada na configuração de Estilo.
Selecione a fonte personalizada
Após enviar e verificar todos os arquivos de fonte, volte para as Styling settings.
Agora você poderá selecionar sua fonte personalizada nos menus suspensos "Primary font" ou "Secondary font".
Nota:
A fonte itálica é usada apenas no corpo do artigo, para visualizar a fonte itálica no Help Center recomendamos visualizar uma página de artigo que tenha texto itálico de exemplo.
Se você excluir todos os arquivos de fonte personalizados, a fonte voltará para o System Default.
Enquanto a fonte personalizada está carregando na página web, a fonte System Default será exibida no Help Center. Isso pode levar alguns segundos.
Não há opção para excluir arquivos de fonte em massa, você precisará fazer isso um por um.
Solução de problemas
Fonte não exibida como esperado
Ex: Estou vendo texto normal em negrito, itálico onde não deveria estar.
Certifique-se de que o arquivo de fonte que você atribuiu à combinação peso/estilo é de fato destinado a essa combinação. Normalmente, o nome do arquivo de fonte inclui a variação junto com o nome da família de fontes. Por exemplo, aqui está uma variação de fonte mal configurada:
O arquivo é destinado a Medium/Condensed/Italic, mas está incorretamente atribuído a Regular/Normal.
Vendo duas famílias de fontes para uma fonte personalizada quando deveria haver uma
Isso significa que você enviou 2 arquivos de fonte e usou diferentes Font family names, use o mesmo nome de família de fontes para ambos.
Perguntas frequentes
É possível editar a cor do texto nos artigos?
É possível editar a cor do texto nos artigos?
Não, não é possível editar a cor do texto nos artigos, porém você pode usar callouts coloridos para destacar informações importantes. Para opções adicionais de formatação, você pode visitar nosso Product Wishlist para votar no pedido por mais opções de formatação. Não deixe de adicionar comentários sobre o que você gostaria de ver aqui.