css - 谷歌浏览器字体效果不佳

Question

大家好，我有这段代码，谷歌浏览器无法呈现字体:(

@font-face{
font-family: 'carial';
src: url('./fonts/bpg.eot');
src: url('./fonts/bpg.eot?#iefix') format('embedded-opentype'),
url('./fonts/bpg.woff') format('woff'), 
url('./fonts/bpg.ttf') format('truetype'), 
url('./fonts/bpg.svg#bpg') format('svg');
font-weight: normal;
font-style: normal;
}

^^ Chrome

火狐浏览器

探索者

Answer 1

首先，字体可以在所有浏览器上正常工作并不是强制性的……我们的责任是手动检查所有主要使用的浏览器。

如果不能在任何浏览器中工作，那么我们可以从新网站制作新字体。我们可以从 diff-2 字体生成器网站制作字体。您可以使用此关键字在 Google 上搜索...“font face generator”，并将获得更多与此相关的链接。