Qualsiasi vantaggio di utilizzare dei caratteri SVG in @ font-face, invece di TTF / EOT?

StackOverflow https://stackoverflow.com/questions/1449145

  •  11-09-2019
  •  | 
  •  

Domanda

sto studiando l'utilizzo di font SVG in dichiarazione @ font-face. Finora, solo Safari 4 e Opera 10 sembrano sostenerlo. Firefox 3.5 non lo supporta, ma v'è una segnalazione di bug, ma nessun fix è stato ancora fornito (anche se ci sono patch).

Mi chiedo, con il supporto @ font-face in principali browser, qual è il vantaggio di utilizzare formato di font SVG al posto di TTF formati / OTF / EOT? L'unico vantaggio che posso ricavare dalla discussione linkato sopra è che è possibile aggiungere le proprie gylphs mancanti ai font che non li supportano ancora.

C'è un altro motivo per specificare font SVG in CSS?

È stato utile?

Soluzione

Sembra essere l'unico modo per usare i font web su Safari Mobile. Ecco, questo è un bel vantaggio se si sta sviluppando per iPhone e iPad. @ font-face generatore può creare il file in formato SVG appropriato e la sintassi CSS da qualsiasi font OpenType .

Altri suggerimenti

Il W3C afferma i seguenti vantaggi:

  

Uno svantaggio alla struttura WebFont fino ad oggi è che le specifiche come ad esempio [CSS2] non richiedono il supporto di particolari formati di font. Il risultato è che diverse implementazioni supportano diversi formati di font Web, rendendo così difficile per i creatori di siti web di pubblicare un singolo sito Web utilizzando WebFont che funzionano su tutti gli agenti utente.

     

Per fornire un formato di carattere comune per SVG che è garantito essere supportato da tutti conformi visualizzatori SVG, SVG fornisce una struttura per definire i caratteri in SVG. Questa funzione si chiama font SVG.

     

font SVG possono migliorare la ricchezza semantica delle immagini che rappresentano il testo. Per esempio, molti loghi aziendali sono costituiti dal nome della società disegnato artisticamente. In alcuni casi, l'accessibilità può essere migliorata esprimendo il logo come una serie di glifi in un font SVG e quindi rendere il logo come un elemento di 'testo' che fa riferimento questo tipo di carattere.

Ma il punto di un modello comune in realtà non conta a causa del supporto del browser carente.

svg webfonts non possono lavorare all'interno di una webapp in linea. È possibile vedere un esempio qui: http://straathof.acadnet.ca/beta2.2 Salva il file su una homepage iDevice, attivare la modalità aereo e aprirlo. I font SVG e il sistema di denominazione utilizzata causa l'url del carattere di sicuro.

Speriamo che Apple corregge che presto.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top