1

防弾構文の例をいくつか見てきました。これは、fontspring の元の記事から引用しました。

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

svg#の後に正確に何が必要ですか? 「svgフォント名」はファイル名について？font-family 宣言? フォント ファミリにスペースが含まれている場合はどうなりますか?

4

1 に答える 1

4

#svgFontName は、svg フォント ファイル内に埋め込まれたフォント ID を参照しています。したがって、たとえば、svg ドキュメントに次のようなものがあるとします。

<font id="example-font-name" horiz-adv-x="512">

「 example -font-name」は、CSS @font-face 内で次のように参照する必要があります。

url('myfont-webfont.svg#example-font-name') format('svg');

SVG フォントはレガシー iOS のサポートを追加するため、それほど重要ではありません。任意のテキスト エディターで SVG フォント ファイルを開いて内部を確認し、ドキュメントの上部にあるフォント ID を探します。ご不明な点がございましたら、お気軽にお問い合わせください。

于 2012-11-15T06:46:11.377 に答える