2011-12-21 19 views
7

Sono nuovo di SVG e ho appena realizzato la mia prima grafica decente in Illustrator. L'ho incorporato in una pagina (utilizzando il tag <embed>) con lo script di Google Web Fonts per il carattere di Ubuntu nel tag <head>, ma come risulta, il carattere di Ubuntu viene visualizzato correttamente nel testo normale, ma per far funzionare questo trucco nell'SVG, lo script di Google deve essere incorporato nello SVG stesso. Come si può fare?C'è un modo per incorporare uno script di carattere Web di Google in un file SVG?

Here's a link nel file SVG in questione.

risposta

11

Ecco uno example di utilizzare un paio di diversi Webfonts all'interno di un file SVG.

La versione corrente dello script fornito da google web font non funziona in svg. Però sarebbe molto facile per Google risolvere.

Ecco alcuni esempi che utilizzano i caratteri web di Google in SVG con gli altri metodi di cui:

+0

Perché sarebbe inutile che Google rendesse compatibile il suo script di caratteri Web SVG? – Jules

+2

Non è affatto inutile, penso che sarebbe molto utile se lo script di google font funzionasse allo stesso modo per svg e html. Non elenca i fogli di stile xml come un modo per includere i caratteri. –

2

Non penso che funzioni ancora per SVG collegato, ad esempio here is the Firefox bug. Esso funziona se si inline the SVG in the HTML e quindi creare regole CSS in questo modo:

svg .text { 
    font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-style:normal; 
} 

Naturalmente, questo è solo andare a lavorare in HTML5 browser capaci. Here's an example.

+0

Questo è geniale. Grazie! – Jules

Problemi correlati