gpt4 book ai didi

css - 如何从 GitHub 以不同的权重显示 Noto Sans?

转载 作者:太空宇宙 更新时间:2023-11-04 06:32:49 24 4
gpt4 key购买 nike

我无法显示不同粗细(细、普通、黑色)的 Noto Sans。我在 GitHub 上的 noto-fonts/unhinted 目录中找到了 .ttf 文件。如何显示不同粗细的字体?

我正在使用 Google 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>

Thin 和 Regular 在视觉上没有区别。我想得到与此处相同的结果:https://www.google.com/get/noto/#sans-lgc

最佳答案

简而言之,github 不允许将托管在其服务器上的嵌入文件用于其他域。他们有严格的 CORS 政策,并且已经说得很清楚。

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

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

关于css - 如何从 GitHub 以不同的权重显示 Noto Sans?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54488535/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com