Question

我似乎无法让@ font-face为我的网站工作。我不确定我是否正确地这样做了。这看起来不错吗？

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

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

Answer 1

@font-face规则通常不支持某些旧浏览器。我通常使用font-face generator来生成您需要包含的字体的css文件，并且所有浏览器都会正确显示它。

使用@ font-face时遇到问题

1 个答案: