20
@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が必要ですか?

4

1 に答える 1

41

はい、必須です。この記事は言う:

上記のCSSコードでは、ファイル名宣言のハッシュタグ(#)の後に、SVGバージョンに追加の情報(ID)が必要であることが実際にわかります。記入しないと機能しないため、TXTドキュメントまたはメモ帳でSVGファイルを開いてこの情報を見つけ、ページの上部にある次の行を探す必要があります。

そしてこれは言う:

SVGフォントでは、#ハッシュタグも必要です。

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

于 2012-09-17T20:37:46.463 に答える