Closed i18nsite closed 4 months ago
我猜测你的代码在处理 css 的时候,导致部分分包没有加载到,请查看浏览器的 console warning 面板,截个图查看一下哈 @i18n-now
对不起,我搞错了,是这个字体 这是拆分之前,直接引用ttf sinter.zip
这个 500.zip 是拆分后,打开 test.html (字体名字我程序替换为了s)
都直接打开即可,无需http server
对比图如下
字体来源 Sinter:我把思源黑体和 Inter 字体合并了,我问作者要的
该字体源文件不符合 ttf 规范,format('ttf')
直接就加载不出来,当我在 CSS format 中不指定 ttf ,css 就可以加载出文件,而且BUG一模一样
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
@font-face {
font-family: "simple";
src: url("./Sinter-Medium.ttf");
font-style: normal;
font-weight: 500;
font-display: swap;
}
body {
font-family: "simple";
font-weight: 500;
font-size: 20px;
}
</style>
</head>
<body>
(当原文此段未曾修改时)。
</body>
</html>
哦,明白,我换个字体吧
(当原文此段未曾修改时)。
这句话
用阿里妈妈方圆体显示 https://www.iconfont.cn/fonts/detail?cnid=pOvFIr086ADR
用 https://github.com/KonghaYao/cn-font-split/issues/new 切分后显示
css https://registry.npmmirror.com/fc3/0.1.2/files/index.css 切分代码 https://github.com/i18n-site/font/blob/main/gen.coffee 字体文件 https://github.com/i18n-site/font/blob/main/otf/AlimamaFangYuanTiVF-Thin.ttf
改为英文括号后,曾的间距貌似也有问题
稍后将推出详细的教程。推的间距貌似也不对