lxgw/LxgwWenKai-Screen

v1.235之后的版本字体在web竖向显示时高度塌陷

lyswhut opened this issue · 2 comments

lyswhut commented

重现方式：

  1. 从release下载 v1.245的 LXGWWenKaiScreen.ttf文件
  2. 在下载的字体目录下新建一个包含以下内容的index.html文件：
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <style>
    @font-face {
      font-family: 'LxgwWenKai-Screen';
      src: url('./LXGWWenKaiScreen.ttf');
    }

    h1 { font-size: 36px;  font-family: "LxgwWenKai-Screen"; }
    .vertical { writing-mode: vertical-rl; }

  </style>
  <body>
    <h1>测试字体</h1>
    <h1 class="vertical">测试字体</h1>
  </body>

</html>

  1. 用浏览器打开这个文件即可看到效果：
    image

  2. 将 LXGWWenKaiScreen.ttf 文件替换成 v1.235 版本即可恢复正常：
    image

另外，刚试了下非屏幕阅读版的LXGWWenKai-Regular.ttf字体高度也是正常的

lxgw commented

下个版本修复。

另外，不建议使用该字体作竖向排版。

lyswhut commented

谢谢:)

另外，不建议使用该字体作竖向排版。

我也很少用竖向排版，只是在测试的时候发现有问题就顺便提了一下😄