谷歌网络字体存储在本地与在线源

Question

当我在CSS文件中使用@import规则添加google网络字体时,它可以正常工作.

但是当我下载该字体并将其本地存储在我的服务器中然后将@ font-face规则指向我自己的机器时,它不起作用.

所以我做的是在我的css/fonts.css文件中替换这一行:

@import url(http://fonts.googleapis.com/css?family=Michroma);

有了这个:

@font-face {
font-family: 'Michroma';
font-style: normal;
font-weight: 400;
src: url(http://localhost/xampp/mysite/css/fonts/michroma/micrhoma.woff) format('woff');
}

换句话说,我只是从googleapi复制了该字体的代码.我将字体文件(.woff)保存在上面的路径中(我已经重新检查过,确实存在).

我也试过编辑这个网址,但没有好处:

src: url(fonts/michroma/michroma.woff) format('woff');

我无法相信,如果我们在本地使用谷歌网络字体,谷歌网络字体将无法正常工作,所以我所做的事情肯定有问题.线索？这不是我们如何定义自己的字体面孔吗？(我以前从未尝试过).

Answer 1

在单一字体中，不需要字体系列名称的引号。你应该删除并运行它会正常工作。字体系列：Michroma；