我如何手动将 Faux Bold 应用于特定字体文件 (.ttf) 以生成新字体文件 (.ttf)
How can i apply Faux Bold to a specific font file(.ttf) manually for generating a new font file(.ttf)
如果文本样式为 粗体 或 斜体 并且字体系列不包含 粗体 或 italic 字体,编辑器和 IDE 将通过尝试自己创建合成粗体和合成斜体样式来进行补偿。
此first image显示VSCode.
中的原始字体渲染(字体为JetBrainsMono-light
)
second image 通过在 settings.json
中设置 "editor.fontWeight": "bold"
在 VSCode 中显示假粗体字体渲染。
我更喜欢人造粗体字体渲染,而不是原来的 JetBrainsMono-Bold
或 JetBrainsMono-SemiBold
。所以,我想知道如何将这种字体渲染导出到 .ttf
文件,目的是将生成的字体应用到其他编辑器和 IDE。
首先介绍css中的字体文件
重要提示:- 将 ttf 转换为 woff 和 woff2 以消除任何丝毫问题。
@font-face {
font-family: myFirstFont;
src: url(faux.woff);
}
*以类似的方式包含 woff2 文件。 (可选)
并在 HTML 中使用以下代码段:
div {
font-family: MyFauxFont;
}
现在相应地更改 CSS 等 中的字体大小、粗细、颜色
如果文本样式为 粗体 或 斜体 并且字体系列不包含 粗体 或 italic 字体,编辑器和 IDE 将通过尝试自己创建合成粗体和合成斜体样式来进行补偿。
此first image显示VSCode.
中的原始字体渲染(字体为JetBrainsMono-light
)second image 通过在
settings.json
中设置"editor.fontWeight": "bold"
在 VSCode 中显示假粗体字体渲染。
我更喜欢人造粗体字体渲染,而不是原来的 JetBrainsMono-Bold
或 JetBrainsMono-SemiBold
。所以,我想知道如何将这种字体渲染导出到 .ttf
文件,目的是将生成的字体应用到其他编辑器和 IDE。
首先介绍css中的字体文件
重要提示:- 将 ttf 转换为 woff 和 woff2 以消除任何丝毫问题。
@font-face {
font-family: myFirstFont;
src: url(faux.woff);
}
*以类似的方式包含 woff2 文件。 (可选)
并在 HTML 中使用以下代码段:
div {
font-family: MyFauxFont;
}
现在相应地更改 CSS 等 中的字体大小、粗细、颜色