Nesta opção, você poderá manter os tipos de letra utilizados no design do site, acrescentar novos tipos, editar os que já existem ou excluí-los.
Quando entramos, é exibida a seguinte caixa de diálogo:
Podemos acrescentar três tipos de fonte utilizando o botão “Novo”:
Considerações sobre o uso de Web Fonts
Para as Web Fonts, é preciso fornecer os arquivos das fontes. Os formatos suportados são: WOFF, EOT, TTF, EOT.
Não é preciso publicar todos os formatos, mas conforme o navegador e a versão um ou outro se faz necessário.
Formatos suportados por navegador:
-
Internet Explorer: EOT (IE6+)
-
Firefox: WOFF (3.6+) y TTF (3.5+)
-
Chrome: WOFF (6.0+) y TTF (todas as versões)
-
Safari: WOFF(5.1+), TTF (3.1+)
-
Safari (iphone / ipad): SVG (todas as versões)
-
Opera: WOFF (11.10+), TTF, SVG (10.0+)
-
Opera Mobile: TTF, SVG (9.7+)
-
Opera Mini: não suporta WebFonts
Com WOFF e EOT, cobre-se qualquer navegador de PC. Para os dispositivos móveis, é preciso acrescentar TTF e SVG.
No que diz respeito ao uso, o código gerado para incluir uma webfont na página é salvo em um cache por sessão. No backend, administra-se automaticamente, ao acrescentar/ atualizar uma fonte, expira e regenera no mesmo momento. No frontend, para incorporar uma mudança é preciso fechar e abrir o navegador para gerar uma nova sessão.
Para uma fonte no formato SVG, é preciso ter certeza de que o nome inserido no campo “Nome” é o mesmo de dentro do arquivo SVG.
Configurações no servidor web
IIS7 não tem tipos MIME registrados para as extensões WOFF e SVG, por isso é preciso registrar para que as WebFonts funcionem nesses formatos:
-
.woff / application/font-woff
-
.svg / image/svg+xml
Firefox não permite a visualização de fontes que são carregadas em um domínio diferente do atual. Como são usadas as URLs de frontend para carregar as fontes no backend (pré-visualização), elas não são exibidas. Para solucionar isso, é preciso registrar no IIS um Header sobre diretório virtual “media”.
Na ferramenta de administração do IIS, posicione-se sobre o diretório virtual “media”, vá a "HTTP Response Header" -> Add, Name: "Access-Control-Allow-Origin", Value: "*" (sin las comillas).
Não é preciso fazer isso quando se trabalha no backend com outro navegador.
Ver mais
Como posso utilizar meus próprios tipos de fonte no meu site?