Open a command panel, enter Customize CSS
the modified effect as
my style.less
configuration is as follows:
/* Please visit the URL below for more information: */
/* https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
// .markdown-preview.markdown-preview {
// modify your style here
// eg: background-color: blue;
// font-size: 19px;
// use systems font
// font-family: "{Consolas}";
// color: blue;
// }
.markdown-preview.markdown-preview {
// modify your style here
// eg: background-color: blue;
font-size: 19px;
// font-family: "Consolas";
font-family: "新宋体";
h1 {
border-bottom: 1.5px solid #999999;
font-family: "微软雅黑";
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
// h1, h2, h3, h4, h5, h6 {
// font-family: 'Anton';
// }
// paragraph font
// p {
// font-family: 'Anton';
// }
// h1, h2, h3 {
// border-bottom: 1px solid #ccc;
// }
// 取消下划线
// h1, h2, h3, h4, h5, h6 {
// border-bottom: none;
// }
// ---下划线粗细
hr {
height: 0.01em;
}
/* title numering */
// counter-reset: h1;
// h1 {
// counter-reset: h2
// }
// h2 {
// counter-reset: h3
// }
// h1:before {
// counter-increment: h1;
// content: counter(h1) ". "
// }
// h2:before {
// counter-increment: h2;
// content: counter(h1) "." counter(h2) ". "
// }
// custom pdf output style : https://github.com/shd101wyy/markdown-preview-enhanced/issues/89
@media print {
font-size: 13px;
}
}
Description: markdown preview enhanced to ensure that both sides can edit and preview area area are synchronized, even though the preview area shows a larger picture, it will automatically take you to adjust this point to humane than markdown editor on CSDN
References: