更改 font.css 去符号黏连无效

domeniczz commented 2 years ago

描述问题

更改 font.css 去符号黏连无效

现在更改完以后，只有代码块和标题里面的字体是 jetbrain mono 的，正文的不是期望的 jetbrain mono nl

以下是我更改后的 font.css

...
/* **** 以下四个 @font-face 是我自己添加 **** */
@font-face {
    font-family: 'JetBrainsMonoNL';
    src: local('JetBrainsMonoNL'),
    url('./JetBrainsMonoNL-Regular.ttf') format('ttf');
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JetBrainsMonoNL';
    src: local('JetBrainsMonoNL'),
    url('./JetBrainsMonoNL-Italic.ttf') format('ttf');
    font-display: swap;
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'JetBrainsMonoNL';
    src: local('JetBrainsMonoNL'),
    url('./JetBrainsMonoNL-Bold.ttf') format('ttf');
    font-display: swap;
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'JetBrainsMonoNL';
    src: local('JetBrainsMonoNL'),
    url('./JetBrainsMonoNL-BoldItalic.ttf') format('ttf');
    font-display: swap;
    font-weight: bold;
    font-style: italic;
}

:root {
    --monospace: "JetBrainsMonoNL", "JetBrains Mono", "Fira Code", "Cascadia Code", Menlo, "Ubuntu Mono", Consolas, HYZhengYuan; /*代码字体*/
    /* **** 更改了以下两行 **** */
    --text-font: var(JetBrainsMonoNL); /*正文字体*/
    --title-font: var(--monospace); /*标题字体*/

    --text-line-height: 1.6; /*正文行间距*/
    --code-block-line-height: 1.6; /*代码块行间距*/
    --p-spacing: 0.8rem; /*段间距*/
    --text-size: 12px;
}

jetbrain mono 的 zip 包下载下来后，有 NL 的字体只有 tff格式，我复制进了 drake 目录中

期望结果

正文的字体是 jetbrain mono nl

系统 (建议使用最新Typora版本)

windows 22H2 build 22622.586
All Theme
Typora Version 1.3.8

liangjingkanji commented 2 years ago

这一行代码有误

--text-font: var(JetBrainsMonoNL); /*正文字体*/

正确写法

-text-font: var(--monospace); /*正文字体*/

liangjingkanji commented 2 years ago

jetbrain mono nl的字体你应当安装到系统中而不是复制到目录, 仅需安装该字体不需要修改css文件

domeniczz commented 2 years ago

我安装了 JetBrainsMonoNL-Bold.ttf、JetBrainsMonoNL-BoldItalic.ttf、JetBrainsMonoNL-Italic.ttf、JetBrainsMonoNL-Regular.ttf 这四个字体

没有修改 css

之后还需要做什么操作嘛

现在字体还是黏连的:cry:

liangjingkanji commented 2 years ago

将font.css里面的

--monospace: "JetBrainsMonoNL", "JetBrains Mono", "Fira Code", "Cascadia Code", Menlo, "Ubuntu Mono", Consolas, HYZhengYuan; /*代码字体*/

替换为

--monospace: "JetBrainsMonoNL", "Fira Code", "Cascadia Code", Menlo, "Ubuntu Mono", Consolas, HYZhengYuan; /*代码字体*/

就是换个字体的问题

domeniczz commented 2 years ago

还是没用诶我把 --monospace 里面的 "JetBrains Mono" 注释掉了但还是有符号黏连 :joy: 算了算了，放弃了，不知道什么问题

liangjingkanji commented 2 years ago

我觉得你没有仔细阅读我上面的回复

liangjingkanji commented 2 years ago

另外修改完成以后建议你重启软件，如果还有问题的话我就无能为力了

domeniczz commented 2 years ago

我觉得你没有仔细阅读我上面的回复

我确实是按照你的回复来操作的，需要修改的地方我都修改了，需要安装的字体我也安装了

但确实是不行，字体貌似也变得不像 JetBrainsMono 了，符号还是黏连 :joy:

也许是电脑环境不同，总会有一些不一样的地方吧

liangjingkanji commented 2 years ago

主题文件里面还有JetBrains Mono配置?

liangjingkanji commented 2 years ago

算了这个我说不清楚自己琢磨吧, 你干脆换成其他字体也行(比如微软雅黑), 而且连字特性也是主题特点之一

RioKee commented 1 year ago

我安装了 JetBrainsMonoNL-Bold.ttf、JetBrainsMonoNL-BoldItalic.ttf、JetBrainsMonoNL-Italic.ttf、JetBrainsMonoNL-Regular.ttf 这四个字体

没有修改 css

之后还需要做什么操作嘛

现在字体还是黏连的😢

字体需要转换成 =[woff2]=格式，就能正确识别，ttf格式字体Typora不能加载

font.css配置就能够加载 JetBrainsMonoNL

效果展示： ![Uploading image.png…]()

liangjingkanji / DrakeTyporaTheme