Question

我下载了这个字体（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

有谁知道我应该把这些放在哪里？

感谢您的帮助。

Answer 1

您可以将这些字体文件放在Web服务器上的某个位置，然后调整CSS中的url路径以适应。就像您可以将背景图像上传到/assets/images/文件夹一样：

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

...您可以将字体文件上传到/assets/fonts目录并相应地调整字体squirrel：

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文件相同的目录。

HTML / CSS - 使用自定义字体/ FontSquirrel

1 个答案: