将字体嵌入到html中

时间:2016-06-08 17:05:22

标签: css embedded-fonts woff woff2

是的,我知道这是一个被问到并再次被问到的问题。我更喜欢认为我做了我的作业,但我的浏览器仍然没有从网络服务器中提取字体(根据日志)。

CSS:

@font-face {
    font-family: "Open Sans";
    /*src: local('Open Sans'), local('OpenSans'), url(http://zhegan.in/OpenSans.woff2) format('woff2');*/
    src: url(http://zhegan.in/OpenSans.ttf) format('truetype'), url(http://zhegan.in/OpenSans.woff) format('woff'), url(http://zhegan.in/OpenSans.woff2) format('woff2');
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
body {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
}

测试页面位于my test site here。由于我没有选择和想法,我决定在这里提出,作为最后的手段。

1 个答案:

答案 0 :(得分:2)

unicode-range的某些内容无效。评论即可解决问题。

如果您只想显示Cyrillic的Open Sans字符,那么您可以这样做:

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

(我通过查看Google字体中的Open Sans并选择Cyrillic子集来发现这一点:https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext