Este artigo explica como hospedar fontes web da Monotype e acompanhar o uso delas na Monotype Fonts.
Depois de adicionar suas fontes a projetos web e anúncios digitais e otimizá-las com opções de subsetting, elas já podem ser publicadas.
Os tópicos a seguir mostram como baixar as fontes aprovadas para web, hospedá-las na sua própria infraestrutura e garantir que o uso seja reportado corretamente.
Ao hospedar fontes web da Monotype por conta própria, você é responsável por:
Baixar os arquivos de fonte de um projeto de fontes web aprovado
Hospedar esses arquivos no seu servidor ou em uma rede de distribuição de conteúdo CDN
Incorporar o CSS fornecido para garantir que as fontes sejam carregadas corretamente
Permitir o envio de dados de uso para fins de licenciamento e conformidade
O reporte de uso é necessário para confirmar que as fontes estão sendo utilizadas de acordo com os termos da sua licença.
Hospedagem de fontes para web usando o serviço de CDN da Monotype
O serviço de fontes para web da Monotype usa uma CDN para garantir carregamento rápido, independentemente de onde seus visitantes estejam. Para hospedar suas fontes para web usando esse serviço:
Clique no seu projeto para abri-lo na área principal à direita.
No topo da lista de fontes, clique no botão Códigos incorporados.
Na janela de códigos de incorporação do projeto web, você pode escolher incluir suas fontes na sua aplicação usando CSS.
Clique em Copiar para copiar o trecho de código CSS.
Cole esse trecho de código dentro da seção <head> do seu arquivo HTML para usar as fontes nesta página web.
Observação: este script é usado para baixar o projeto de fontes para web da CDN em tempo de execução e registrar o uso.
Na seção CSS de estilos de fonte da janela de códigos de incorporação de projeto web, selecione um estilo de fonte no menu suspenso para gerar os códigos de font-family, font-style e font-stretch para uso no CSS do seu site. Clique em Copiar para copiá-los.
Repita a etapa anterior para todos os estilos que você deseja incluir no seu CSS.
Observação: lançamos uma nova geração de serviços de hospedagem de fontes para web e anúncios digitais. Com isso, a tecnologia anterior foi descontinuada e algumas funcionalidades de projetos web e anúncios antigos podem estar limitadas. Consulte este link para mais detalhes sobre essa mudança.
Hospedagem própria de fontes para web
Observação: este recurso está disponível apenas para clientes do plano Enterprise. Em caso de dúvidas, entre em contato pelo e-mail [email protected].
Você também pode baixar kits de hospedagem própria para seus projetos web e servir as fontes a partir dos seus próprios servidores. Siga as etapas abaixo para baixar o kit de hospedagem própria.
Clique em Baixar Kit.
Extraia o arquivo ZIP baixado, por exemplo, o arquivo WebFonts_<nome do seu projeto web-ID único>.zip
Faça o upload das fontes desta pasta para os seus servidores. Esta pasta contém as versões WOFF (.woff) e WOFF2 (.woff2) de cada estilo do seu projeto de fontes para web. Por exemplo,
O kit de hospedagem própria baixado também inclui:
Exemplo de implementação de fontes para web
Inclui o arquivo startHere.html e a pasta startherefiles
Abra o arquivo startHere.html para ver:
Orientações para implementar suas fontes para web, incluindo um exemplo de CSS.
Algumas etapas básicas de solução de problemas, caso você encontre dificuldades ao usar as fontes para web.
Uma seção para visualizar como as fontes para web são exibidas em diferentes tamanhos, usando o modelo waterfall.
CSS do projeto web
Arquivo: <ID único do Web Project>.css
Este é o CSS recomendado para usar no seu site junto com as fontes para web. Ele já vem configurado para garantir o melhor desempenho no carregamento das fontes.
Também inclui, no topo, um link para o nosso CSS de rastreamento "1.css", que está vinculado ao projeto web criado na Monotype Fonts.
Esse CSS registra o uso das fontes para web e envia esses dados para a Monotype Fonts para fins de relatório e licenciamento.
Monitoramento de uso de fontes e relatórios
O uso de fontes para web é medido pelo número de visualizações de página em projetos web e pelo número de impressões em anúncios digitais.
Como administradora da empresa, você pode acompanhar o uso das fontes clicando no botão Relatórios, abaixo do nome de um projeto web ou anúncio digital, na área principal, como mostrado abaixo.
Clique aqui para saber mais sobre monitoramento de uso de fontes e relatórios.
Informações importantes:
O número de visualizações de página ou impressões é calculado com base no total de visualizações de um projeto web ou anúncio digital. Por exemplo, se o seu projeto web contém 10 fontes e é usado em uma página que recebe uma visualização, o relatório mostrará uma visualização, e não 10.
Em caso de uso acima do limite, a Monotype não interrompe o serviço hospedado nem envia cobranças adicionais automaticamente. No entanto, poderemos entrar em contato caso o uso ultrapasse significativamente o limite contratado.