svgのfont-face宣言でハッシュが必要ですか？

@font-face 
    font-family: 'AllerRegular' 
    src: url('/fonts/aller/aller_rg-webfont.eot') 
    src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg') 
    font-weight: normal 
    font-style: normal

上記の例では、このフォントのsvgバージョンを追加していますが、IDが正しいかどうかわかりません。このSVGに含まれるフォントが1つしかない場合は、正しいIDを持つ必要がありますか？svgのfont-face宣言でハッシュが必要ですか？

出典

2012-09-17 Mateusz Wijas

ハッシュタグの質問に答えることができませんでしたか？ – Chris

誰かが外に出ているかもしれないと思っていた。私はこれらのフォントファイルはipad/iphoneのためだけに使用されていると私はどちらのデバイスで現在このアプリケーションにアクセスすることはできないと思う。 –

はい、必須です。 This articleは言う：上記のCSSコードで

、あなたは実際にはファイル名宣言でハッシュタグ（＃）の後に、SVGのバージョンは、そのIDを、余分な情報を必要としていることを見ることができます。あなたが記入していない場合、それは機能していないので、この情報を見つける必要があります。TXT文書またはメモ帳でSVGファイルを開き、ページの最上部付近に次の行を探します。

そしてthis one言う：SVGフォントで

、彼らはまた、#hashtagを必要とします。

ハッシュタグは、単にSVG内で定義されたフォントIDのポインタです。これを含めないと、フォントが認識されないようにするSVGヘッダーを含め、SVGファイル全体が読み込まれます。

出典

2012-09-17 20:37:46 Chris

最後に誰かがこれを説明します。+1 – Mark

'fonts/thefont.svg＃thefont'のようなパスがあるとします。 - 'fonts/thefont.svg＃thefont.svg＃thefont？v = 3.2.1のようなバージョンのGET変数を追加できますか？ '？ SVGフォントをGET変数を付けてChromeに読み込むことができなかったので私は尋ねます。 – aendrew

@aendrewおそらく、あなたのURL部分を交換する必要があります。ハッシュの後のすべてがサーバに送られない*。ですから、 'thefont.svg？v = 3.2.1＃thefont'を試してみてください。私はそれをテストしていませんが、動作する可能性は高くなります。 –

svgのfont-face宣言でハッシュが必要ですか？

答えて

関連する問題