将字体嵌入 html
embedding font into a html
是的,我知道这是一个被反复询问的问题。我更愿意认为我做了功课,但我的浏览器仍然 none 甚至没有从网络服务器中提取字体(根据日志)。
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。由于我没有选择和想法,我决定在这里问,作为最后的手段。
您的unicode-range
有些内容无效。发表评论可以解决问题。
如果您只想显示西里尔字母的 Open Sans 字符,那么您可以这样做:
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
(我通过查看 Google 字体中的 Open Sans 并选择西里尔文子集找到了这个:https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext)
是的,我知道这是一个被反复询问的问题。我更愿意认为我做了功课,但我的浏览器仍然 none 甚至没有从网络服务器中提取字体(根据日志)。
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。由于我没有选择和想法,我决定在这里问,作为最后的手段。
您的unicode-range
有些内容无效。发表评论可以解决问题。
如果您只想显示西里尔字母的 Open Sans 字符,那么您可以这样做:
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
(我通过查看 Google 字体中的 Open Sans 并选择西里尔文子集找到了这个:https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext)