VS Code Jupyter Notebook中Markdown显示字体

23
有没有办法在VS Code的Jupyter Notebook中修改渲染的markdown单元格显示的字体?我在网络上搜索解决此问题的方法,但我只知道这是默认设置,如在Visual Studio Code中使用Jupyter Notebooks提供的截图所示。下面的截图清楚地显示了渲染的markdown单元格的字体与为代码单元格设置的字体不同。 官网截图 另一方面,我的VS Code笔记本看起来像这样。 我安装的VS Code Python Notebook 似乎已将markdown的渲染字体与代码单元格的字体相连接。如果我更改代码单元格的字体,markdown单元格的渲染字体也会发生变化。
在设置中,我找到了一个选项来设置markdown预览的字体,并将其更改为Arial,但这对markdown单元格没有任何影响。 markdown字体设置

我最终决定完全卸载VS Code,通过控制面板卸载后,再从%userprofile%\AppData\Roaming\Code%userprofile%\.vscode中删除剩余的文件夹。然后,我重新安装了最新的稳定版安装程序并重新安装了所需的扩展程序。但问题仍然存在。

非常感谢任何关于此事的帮助。


这里也有同样的问题,你是否已经在 Github 上的 VSCode 问题部分发布了它?https://github.com/microsoft/vscode/issues - giammi56
或者在这个子论坛 https://www.reddit.com/r/vscode 上。 - giammi56
1
新的内部版本(1.53)添加了无衬线字体显示和大纲选项在markdown单元格中。不幸的是,markdown显示选项仍然被忽略,现在有许多问题,比如markdown单元格中交互式plotly图和公式的支持被破坏了。 - Pietro D'Antuono
3个回答

2

我找到了以下临时解决方案,并将其留在这里,以备将来再次查看此问题。

“在Jupiter笔记本中添加一个代码单元并运行。如果您想要恢复默认字体-只需删除该单元即可:”

%%HTML
<style>
    body {
        --vscode-font-family: "ComicSansMS"
    }
</style>

同时,在 Markdown 单元格中也可以只修改部分文本

<p style="font-family:ComicSansMS; font-size: 48px;"> Insert some text here</p>

这个例子同时改变了字体和字号。


1
是的,你可以改变字体大小和其他东西...
  • * -> 点 点图片
  • *** -> 创建边框线 边框图片
  • # -> 最大字体大小 大号字体图片
  • ## -> 中等字体大小 中号字体图片
  • ### -> 最小字体大小 小号字体图片
  • ` (反引号) -> 用颜色标记文本 反引号图片
  • > -> 阴影整个当前单元格 阴影单元格图片
最后一件事,要应用这些效果,你必须按下ctrl + enter来执行每个命令行。

5
我了解Markdown格式技巧。如果您仔细查看共享的第二个屏幕截图,您会发现Markdown单元格已使用“Ctrl + Enter”呈现,这就是我们可以看到引用块和代码块的原因。问题在于,除“code”之外的文本也以等宽字体呈现。 - Uzair

-1

这可能会有所帮助:笔记本Markdown代码块中使用了错误的字体

将editor-font-family应用于笔记本中的所有代码(microsoft#157554)

将editor-font-family应用于笔记本中的所有代码

修复microsoft#146696

这与我们在Markdown预览中所做的相匹配

因此,您在设置中设置的编辑器字体系列(Editor: Font Family)应该在笔记本单元格的Markdown中得到尊重。如果这有所帮助...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接