vscode markdown preview enhanced css font

秦光启
2023-12-01

主题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
个人感觉效果不好.


LaTex资源

无版权MathTimePro2
static.latexstudio.net/wp-content/uploads/2013/02/MathTimePro2-fonts.zip

 类似资料:

相关阅读

相关文章

相关问答