Pergunta

Estou investigando o uso de fontes SVG na declaração @ font-face. Até agora, apenas o Safari 4 e Opera 10 parece apoiá-lo. O Firefox 3.5 não apoiá-lo, mas há um relatório de bug, mas nenhuma solução foi ainda fornecido (embora há manchas).

Eu estou querendo saber, com o apoio @ font-face nos principais navegadores, qual é a vantagem de usar o formato de fonte SVG em vez de formatos TTF / OTF / EOT? A única vantagem que eu posso recolher a partir da discussão ligada acima foi que você pode adicionar seus próprios gylphs falta de fontes que não os suportam ainda.

Existe alguma outra razão para especificar fontes SVG em CSS?

Foi útil?

Solução

Parece ser a única maneira de usar fontes da web no Safari Mobile. Então isso é um bem grande vantagem se você está desenvolvendo para iPhones e iPads. de Font Squirrel gerador @ font-face pode criar o arquivo SVG apropriada e sintaxe CSS a partir de qualquer fonte OpenType .

Outras dicas

O W3C afirma as seguintes vantagens:

Uma desvantagem para as instalações WebFont até à data é que as especificações, tais como [CSS2] não requerem suporte de determinados formatos de fonte. O resultado é que diferentes implementações suporte a diferentes formatos de fontes Web, tornando assim difícil para os criadores do site da Web para publicar um único site usando WebFonts que o trabalho em todos os agentes de usuário.

Para fornecer um formato de fonte comum para SVG que está garantido para ser suportadas por todos os espectadores SVG conformes, SVG fornece um mecanismo para definir fontes em SVG. Esta facilidade é chamado fontes SVG.

fontes SVG pode melhorar a riqueza semântica de gráficos que representam texto. Por exemplo, muitos logotipos da empresa consistem no nome da empresa desenhados artisticamente. Em alguns casos, a acessibilidade pode ser reforçada por expressar o logotipo como uma série de glifos em uma fonte SVG e, em seguida, tornando o logotipo como um elemento 'texto' que referências esta fonte.

Mas o ponto de um formato comum realmente não contar por causa do suporte ao navegador falta.

SVG WebFonts não pode trabalhar dentro de um webapp offline. Você pode ver um exemplo aqui: http://straathof.acadnet.ca/beta2.2 Salve este arquivo em um homepage idevice, ative o modo avião e abri-lo. As fontes SVG e o sistema de nomenclatura usada causa a url da fonte para falhar.

espero que correções da Apple que em breve.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top