如何从GitHub不同的权重显示诺托三世?

时间:2019-02-01 23:40:16

标签: css fonts font-face webfonts

我不能在不同的权重(薄,常规,黑色)显示诺托的SAN。我在能登的字体/ unhinted目录中找到在GitHub上的.ttf文件。我怎么能显示不同的权重的字体?

我工作的谷歌Chrome版本71.0.3578.98。

@font-face {
font-family: 'Noto Sans Thin';
font-weight:100;
font-style:normal;
src: url(https://github.com/googlei18n/noto- fonts/blob/master/unhinted/NotoSans-Thin.ttf?raw=true) format('truetype');
}

@font-face {
font-family: 'Noto Sans Regular';
font-weight:400;
font-style:normal;
src: url(https://github.com/googlei18n/noto-fonts/blob/master/unhinted/NotoSans-Regular.ttf?raw=true) format('truetype');
}

@font-face {
font-family: 'Noto Sans Black';
font-weight:900;
font-style:normal;
src: url(https://github.com/googlei18n/noto-fonts/blob/master/unhinted/NotoSans-Black.ttf?raw=true) format('truetype');  
}

.thin{
font-family:'Noto Sans Thin';
}
.black{
font-family:'Noto Sans Black';
}
.regular{
font-family:'Noto Sans Regular';
}


<p class="thin">Thin</p>
<p class="regular">Regular</p>
<p class="black">Black</p>

有薄且经常之间没有视觉差。我想作为这里获得相同的结果:https://www.google.com/get/noto/#sans-lgc

1 个答案:

答案 0 :(得分:1)

简而言之,github不允许嵌入托管在其服务器上的文件供其他域使用。他们有严格的CORS政策,并且很明确。

如果要使用这些文件,则需要将它们上传到服务器上并进行相应的链接。

所有Noto字体均在SIL Open Font License(OFL)v1.1下发布,该字体允许您在需要时进行复制,修改和重新分发。