Svg爲字體的解決方法對Firefox

我有以下的SVGSvg爲字體的解決方法對Firefox

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 18 22"> 
<defs > 
<font horiz-adv-x="830" ><font-face 
font-family="one" 
units-per-em="1000" 
panose-1="2 0 5 3 0 0 0 0 0 0" 
ascent="707" 
descent="-48" 
alphabetic="0" /> 
<glyph unicode="e" glyph-name="e" horiz-adv-x="1038" d="M164 206T153 206T135 213T127 
233V301Q127 332 145 350T197 368H618Q642 368 650 393Q662 435 696 461T781 487Q838 487 879 
448T921 349Q921 289 880 250T781 210Q748 210 721 225T684 253T672 270Q660 
291 682 304Q702 315 714 295Q735 260 781 260Q817 260 843 286T869 349Q869 385 843 411T781 
437Q757 437 740 430T714 409T701 388T694 368Q678 318 628 318H306V233Q306 220 299 213T280 
206T262 213T254 233V318H207Q179 318 179 290V233Q179 220 172 213Z" 
/> 
</font> 
</defs> 


<text font-family="one" x="100" y="100">e</text> 

</svg>

顯然火狐推遲SVG字體支持無限期我應該成爲一些不同的東西到Firefox，所以我想找一個SVG黑客，讓我來給FF一個路徑，和其他瀏覽器一個字體。

來源

2014-03-06 user254694

爲什麼不把字體轉換爲Firefox支持的東西，比如woff。有很多在線轉換器可以做到這一點。 –

不幸的是我懷疑它會被接受，我們同時使用Woff和SVG，我們使用svg來表示一些圖標。其中兩個圖標實際上是在某一點購買的字體的一部分，因此我轉換了這些字形，並且希望在不支持該字體的情況下提供回退路徑。 – user254694

在SVG字體家庭屬性允許後備字體的列表，如CSS，所以你可以使用：

<text font-family="one, 'Courier New', monospace" x="100" y="100">e</text>

在SVG的字體兼容的瀏覽器，你會得到你的字體，在別人將回到列表中的下一個。

來源

2014-03-06 14:49:12 helderdarocha

Svg爲字體的解決方法對Firefox

回答

相關問題