0

我下载了这个字体（https://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Underdog），然后使用了 FontSquirrel （http://www.fontsquirrel.com/tools/webfont-generator）。

但是，我不确定应该将文件放在 Eclipse 中的哪个位置...

这是 FontSquirrel 生成的 css 文件之一，我将它放在我的 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 服务器上的某个位置，然后调整urlCSS 中的路径以适应。因此，就像您将背景图片上传到/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 回答