0

このフォント ( https://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Underdog ) をダウンロードし、FontSquirrel ( http://www.fontsquirrel.com/tools/webfont-generator ) を使用しました。

ただし、Eclipse のどこにファイルを配置すればよいかわかりません...

これは、FontSquirrel が生成した css ファイルの 1 つにあり、CSS ファイルに配置しました。

@font-face {
font-family: 'underdogregular';
src: url('underdog-regular-webfont.eot');
src: url('underdog-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('underdog-regular-webfont.woff') format('woff'),
     url('underdog-regular-webfont.ttf') format('truetype'),
     url('underdog-regular-webfont.svg#underdogregular') format('svg');
font-weight: normal;
font-style: normal;

}

FontSquirrel は次のファイルも生成しました。

underdog-regular-demo.html

underdog-regular-webfont.eot

underdog-regular-webfont.svg

underdog-regular-webfont.ttf

underdog-regular-webfont.woff

これらをどこに配置すればよいか、誰にもわかりませんか？

ご協力ありがとうございました。

4

1 に答える 1

0

これらのフォント ファイルを Web サーバーのどこかに置きurl、CSS のパスを適切に調整します。背景画像を/assets/images/フォルダにアップロードするのと同じように:

background-image: url("/assets/images/foo.jpg");

...フォント ファイルを/assets/fontsディレクトリにアップロードし、それに応じてフォント リスの CSS を調整できます。

src: url('/assets/fonts/underdog-regular-webfont.eot');
src: url('/assets/fonts/underdog-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('/assets/fonts/underdog-regular-webfont.woff') format('woff'),
     url('/assets/fonts/underdog-regular-webfont.ttf') format('truetype'),
     url('/assets/fonts/underdog-regular-webfont.svg#underdogregular') format('svg');

または、CSS を編集したくない場合は、CSS ファイルと同じディレクトリにアップロードします。

于 2013-10-30T16:06:06.877 に答える