vscode markdown preview enhanced css font

「已注销」

已于 2022-06-03 13:21:48 修改

阅读量739

点赞数

CC 4.0 BY-SA版权

文章标签： vscode css ide

于 2022-05-10 23:01:31 首次发布

本文链接：https://blog.csdn.net/int_main_Roland/article/details/124699486

本文介绍了如何在VSCode中使用Markdown Preview Enhanced扩展自定义主题CSS，包括更改字体为Fira Code，取消注释的斜体，以及调整代码块的主题CSS。同时，提到了KaTeX字体的选择，探讨了尝试不同风格的LaTeX字体，如MathTimePro2，但可能效果不理想。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主题CSS

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\styles\preview_theme

推荐vs.css

推荐修改

字体 Fira Code
注释取消斜体

代码块主题CSS

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\styles\prism_theme

推荐修改
按键 ctrl+shift+P
输入 Markdown Preview Enhanced: Customize CSS

.markdown-preview.markdown-preview {

  ::selection{ color: #000000; background: #ffffcc; }
  a:link { color : #800000 }
  a:visited { color : #800000 }
  p,td,th,li { font-family : Noto Emoji, Noto Sans, Noto Sans SC, Noto Sans TC; }
  h1,h2,h3,h4,h5,h6 { font-family : Noto Emoji, Noto Sans, Noto Sans SC, Noto Sans TC; }
  pre,code,kbd { font-family : Noto Emoji, Noto Sans Mono, Noto Sans SC, Noto Sans TC; }
  kbd { display: inline-block; box-shadow: 1px 1px 1px 1px #808080; }
  table,th,td {
    border: 2px solid black;
    border-collapse: collapse;
    padding: 2px 2px;
  }
  blockquote {
    margin-top: 0px; margin-bottom: 0px; margin-left: 0px;
    padding-left: 9px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px;
    border-left: 9px solid #808080;
    background-color: #f7f7f7;
  }
  .katex {
    font-size: 1.0em;
    text-indent: 0;
    text-rendering: auto;
  }

}

请先安装以下字体:
Fira Math, Fira Sans, Fira Code, Microsoft YaHei

KaTex字体

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\dependencies\katex\fonts

看惯了Computer Modern, 可以试试比较清秀的Times风格字体.

MathJax-master\es5\output\chtml\fonts\woff-v2令人失望, 仍然是Computer Modern.

可以试试看 C:\Users\Username\anaconda3\pkgs\notebook-...\site-packages\notebook\static\components\MathJax\fonts\HTML-CSS\STIX-Web\woff, 指路 bilibili.com/read/cv9868646
个人感觉效果不好.