Agora que já adicionou suas fontes aos seus projetos Web e anúncios digitais, ajustou o desempenho usando opções de subconjuntos, está tudo pronto para usá-las no mundo real. Veja como você pode hospedar suas fontes de forma simples e rápida e monitorar o uso.
Hospedar fontes da Web usando o serviço CDN da Monotype
O serviço de hospedagem de fontes da Web da Monotype entrega fontes por meio de nosso CDN, garantindo uma entrega rápida, independentemente de onde seus visitantes estão localizados. Para hospedar suas fontes da Web usando o serviço da Monotype:
Comece clicando no seu projeto da Web – neste caso, o projeto de exemplo chamado 1 – para abri-lo na visualização principal à direita.
Em seguida, no topo da lista de fontes, clique no botão Código incorporado.
Na caixa de diálogo “Códigos incorporados ao projeto da Web”, você pode escolher incluir suas fontes em seu aplicativo da Web usando o CSS.
Copie o trecho do código CSS clicando no botão Copiar.
Cole o trecho desse código dentro da seção <head> de sua páginas da Web. Esse script é usado para baixar o projeto da Web do CDN no momento da execução e para rastrear o uso.
Depois, na seção “CSS de estilo da fonte” da caixa de diálogo “Códigos incorporados ao projeto da Web”, selecione um estilo de fonte no menu suspenso para gerar os códigos de estilo font-family, font-style e font-stretch para uso no CSS do seu site. Clique no botão Copiar para copiá-los.
Repita os passos acima para todos os estilos que quiser incluir em seu CSS.
Observações: Apresentamos uma nova geração de serviços de hospedagem para fontes da Web e anúncios digitais. Isso significa que a tecnologia antiga foi descontinuada, restringindo o que você pode fazer com projetos da Web e anúncios antigos. Aqui está um link para mais detalhes sobre essa transição.
Auto-hospedar fontes da Web
Observação: Esse recurso está disponível apenas para clientes que assinaram o plano Enterprise. Para demais consultas, entre em contato com o serviço de suporte ao cliente da Monotype no e-mail [email protected].
Você também pode baixar os kits de auto-hospedagem para seus projetos da Web para entregar suas fontes a partir de servidores próprios. Para fazê-lo:
Clique no botão Baixar Kit no topo da lista de fontes em seu projetos da Web.
Extraia o arquivo baixado como .zip.
Faça o upload das fontes na pasta “Fontes” para seus servidores. Esta pasta contém versões WOFF (.woff) e WOFF2 (.woff2) de cada estilo no seu projeto da Web.
O kit de auto-hospedagem baixado também contém o seguinte:
Implementação de fontes da Web de exemplo
Arquivos: startHere.html, pasta “startherefiles”
Abra o arquivo “startHere.html” para visualizar as diretrizes de implementação para suas fontes da Web, incluindo a amostra de CSS. Também contém alguns passos básicos de resolução de problemas caso você encontre algum problema ao usar as fontes da Web.
Além disso, há uma sessão de destaque para visualizar a entrega de fontes da Web em diferentes tamanhos usando um modelo em cascata.
CSS do WebProject
Arquivo: <Unique WebProject Id>.css
Este é o CSS recomendado que você deve usar em seu site junto com as fontes da Web. Ele é configurado para otimizar o desempenho durante o download das fontes da Web para renderização.
O arquivo também contém um link para o nosso CSS de rastreamento “1.css” no topo, que está vinculado ao projeto da Web criado na Monotype Fonts.
Esse CSS monitora o uso das fontes da Web e envia os dados de uso de volta para a Monotype Fonts para fins de relatórios e licenciamento.
Monitorar o uso das fontes e criação de relatórios
O uso de fontes da Web é registrado em visualizações de página para projetos da Web e impressões para anúncios digitais. Como administrador(a) da empresa, você pode monitorar facilmente o uso das fontes clicando no botão Relatórios abaixo do nome do projeto da Web/anúncio digital na visualização principal, conforme mostrado abaixo:
Clique aqui para saber mais sobre monitoramento do uso das fontes e criação de relatórios.
Informações importantes:
O número de visualizações de página/impressões é baseado no projeto da Web ou anúncio digital como um todo. Por exemplo, caso seu projeto contenha 10 fontes e seja usado em uma página da Web que recebe apenas uma visualização, o relatório mostrará uma visualização de página, não 10.
Se houver excedentes, a Monotype não será desconectada de seu serviço hospedado e nenhuma cobrança extra será emitida para esses excedentes. No entanto, podemos entrar em contato se o consumo exceder significativamente o permitido.