将字体嵌入到 html 中答案

【问题标题】：embedding font into a html将字体嵌入到 html 中
【发布时间】：2016-10-09 02:09:21
【问题描述】：

是的，我知道这是一个不断被问到又被问到的问题。我更愿意认为我做了功课，但我的浏览器仍然没有从网络服务器中提取字体（根据日志）。

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。由于我没有选择和想法，我决定在这里问，作为最后的手段。

【问题讨论】：

U+0460 是一个较晚的起点。您想要的字符似乎以U+0400 开头

标签： css embedded-fonts woff woff2

【解决方案1】：

您的unicode-range 中的某些内容无效。将其注释掉可以解决问题。

如果您只想显示西里尔文的 Open Sans 字符，则可以这样做：

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

（我通过查看 Google Fonts 中的 Open Sans 并选择西里尔文子集发现了这一点：https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext）

【讨论】：

打败我 :) 具体来说，他们只需要将第一个范围更改为从 U+0400 开始。他们测试站点中的西里尔字符都在U+0400-0460