全角括号的样式问题

i18nsite commented 4 months ago

（当原文此段未曾修改时）。

这句话

用阿里妈妈方圆体显示 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

改为英文括号后，曾的间距貌似也有问题

稍后将推出详细的教程。推的间距貌似也不对

KonghaYao commented 4 months ago

我猜测你的代码在处理 css 的时候，导致部分分包没有加载到，请查看浏览器的 console warning 面板，截个图查看一下哈 @i18n-now

i18nsite commented 4 months ago

对不起，我搞错了，是这个字体这是拆分之前，直接引用ttf sinter.zip

这个 500.zip 是拆分后，打开 test.html （字体名字我程序替换为了s）

都直接打开即可，无需http server

对比图如下

字体来源 Sinter：我把思源黑体和 Inter 字体合并了，我问作者要的

KonghaYao commented 4 months ago

该字体源文件不符合 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>

i18nsite commented 4 months ago

哦，明白，我换个字体吧

KonghaYao / cn-font-split

全角括号的样式问题 #68