joplin调整markdown展示字体大小

joplin怎么调整字体大小呢？我相信比较少有人听过joplin，joplin是一个小众的笔记软件(https://joplinapp.org/)。但小编已经用了很久了。joplin的字体有时有点小，那么joplin怎么调整字体大小呢，下面就让小编带大家一起了解吧。
joplin在设置界面没有看到调整markdown字体的选项，那joplin怎么调整字体大小呢？原来调整字体大小只需要改它，下面一起看小编的操作吧。
joplin改markdown字体大小，只需要在外观-编辑 custom stylesheet 的 css。
![](/data/upload/old/file_1593656566000_82.png)

```
/* For styling the rendered Markdown */
body, th, td, .inline-code {
    font-size: 15px;
}
h2 {
    background-color: #46515c;
    color:white;
}
```

改好了。大家可能会很惊讶，但事实就是这样，小编也感到非常惊讶。
这就是关于joplin怎么调整字体大小的事情了，大家有什么想法呢，欢迎在评论区告诉小编一起讨论哦！

-- 向国内新闻APP致敬。。。

附录：
自己在用的样式文件：
来自：https://github.com/xplosionmind/joplin-theme
userstyle.css
```
/* For styling the rendered Markdown */
/****************************************************
 *                                                	*
 *	  Joplin dark theme, designed by xplosionmind 	*
 *               https://tommi.space				*
 *                                                  *
 ****************************************************/
:root {
	--black-ish: #111;
	--white-ish: #EEE;
	--grey: #333;
	--light-grey: #BBB;
	--yellow: #FCC920;
	--blue: #3185FC;
	--red: #D00;
	--green: #20CE88;
	--razzmatazz: #EC0868;

--tiny: 0.2rem;
	--tinyem: 0.2em;
	--small: 0.5rem;
	--smallem: 0.5em;
	--lessthan-regular: 0.9rem;
	--regular: 1.1rem;
	--regular-em: 1.1em;
	--morethan-regular: 1.3rem;
	--morethan-regular-em: 1.3em;
	--big: 1.6rem;
	--big-em: 1.6em;
	--bigger: 1.8rem;
	--bigger-em: 1.8em;
	--twice: 2.2rem;
	--height: 3.1rem;
	--mastodon: 4.4rem;
	--margin: 6.5rem;
	--trans: .5s;
	--quicktrans: .1s;
}

body {
	--primary: var(--yellow);
	--secondary: var(--razzmatazz);
	--background2: #333;
	--text: var(--white-ish)
}

/*****************************************************
 * IMPROVEMENTS TODO LIST:
 * - checkbox style
 * - custom syntax highlighting css import
 *****************************************************/

/* CODE BLOCKS FRAME*/
.hljs {
    background: var(--background2);
    padding: var(--regular);
    border-radius: 10px !important;
}

/* RENDERED CONTENT PADDING */
#rendered-md {
    padding: 5%
}

body, th, td {
    font: var(--regular) "WenQuanYiMicroHeiMono",Inter !important;
    color: var(--text);
}

body {
	line-height: 1.5em !important
}

th {
	font-weight: var(--bold) !important;
	background: var(--primary) !important;
	color: var(--background2) !important
}

th, td {
	border: 1px solid var(--grey) !important;
}

/* change selection color (it appears darker than it should) */
::selection {
	color: #222 !important;
	background: var(--primary) !important;
}

/*********
  HEADERS
 *********/
p, h1, h2, h3, h4, h5, h6, ul, table {
    margin-top: 0;
}

p {
    color: var(--text);
    margin-bottom: var(--regular)
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bolder !important;
    margin-top: var(--big);
	text-transform: uppercase !important;
    border-bottom: none !important
}

/*h1 {
    font-size: 300% !important;
}
h1:first-child {
    margin-top: 0px !important;
}
h2 {
    font-size: 200%;
}
h3 {
	font-size: 165%;
}
h4 {
    font-size: 140%;
} */

/* LINE SEPARATOR */
hr {
    padding: var(--big) !important;
	border: 1px solid var(--secondary);
}
/*
.md-checkbox {
    margin-left: 0 !important;
}
.md-checkbox .checkbox-wrapper {
    align-items: flex-start;
}
*/
.md-checkbox input[type="checkbox"i] {
	background: var(--grey) !important;
    /*opacity: 0.8 !important;*/ /* it must be fully opaque or custom bullet point will be shown */
	border: none !important; */
}

.md-checkbox input[type=checkbox]:checked {
	opacity: 1 !important;
}

a {
    text-decoration: none !important;
    color: var(--primary) !important
}

a:hover {
    border-bottom: 2px dashed var(--primary) !important;
}

hr, .footnotes-sep {
    border: 0;
    border-bottom: 2px dashed var(--secondary) !important
}

/* INTERNAL LINKS COLOUR */
a[data-resource-id] {
    color: var(--secondary) !important;
    /* https://discourse.joplinapp.org/t/share-your-css/1730/65 */
}

a[data-resource-id]:hover {
    border-bottom: 2px dashed var(--secondary) !important;
}

/* JOPLIN ICON IN JOPLIN INTERNAL LINK */
.resource-icon {
    background: var(--secondary) !important;
	transform: scale(0.8);
	top: .3em !important;
}

/*  ```
    CODE BLOCKS
    ```           */
.code, code, pre {
    font-family: "WenQuanYiMicroHeiMono", "Ubuntu Mono" !important;
	font-size: var(--regular)
}

/* `INLINE CODE` */
.inline-code {
    padding: .3em .5em .2em .5em !important;
    border-radius: 6px !important;
    background: var(--grey) !important;
    border: none !important;
}

/* OCCURENCES OF SEARCH TERM */
mark[data-markjs] {
	background: var(--primary);
	color: #222
}
/* CURRENT SEARCH TERM (LOCAL SEARCH) */
mark[data-markjs].mark-selected {
	background: var(--primary);
	color: #222
}
mark {
	background: var(--primary) !important;
	color: #222 !important
}

/************
  PDF EXPORT 
 ************/
@media print {
  body, p, ol, ul, li, em, strong, b {
    color: var(--black-ish) !important;
	font-family: "WenQuanYiMicroHeiMono", Inter, Helvetica, "Helvetica Neue", sans;
  }
  body {
	font-family: "WenQuanYiMicroHeiMono", Inter, Helvetica, "Helvetica Neue", sans;
	background: white;
  }
  .exported-note-title {
    border: 0;
	text-align: center
  }
  h1, h2, h3, h4, h5, h6 {
	color: black;
    border: 0
  }
  a {
    color: var(--primary);
    text-decoration:none
  }
  a code, a:link code, a:visited code {
    color: var(--primary);
  }
  .code, code, pre, .inline-code, .mce-content-body code {
	border-radius: 5px !important;
    outline: none;
    border: none !important;
	background: var(--white-ish) !important;
	color: black
  }
  table, pre {
    page-break-inside: avoid
   }
  pre {
	word-wrap: break-word
  }
  .footnotes-sep {
    border-bottom: 2px dashed var(--razzmatazz) !important
  }
  blockquote {
  color: #111;
  font: italic 1em "Playfair Display",Merriweather,Times,serif;
  margin: 1em 0;
  border-left: 4px dashed var(--razzmatazz);
  padding-left: .6em
  }
}
```

userchrome.css
```
/* For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) */
:root {
	--black-ish: #111;
	--white-ish: #E0E0E0;
	--dark-grey: #222;
	--light-grey: #BBB;
	--yellow: #FCC920;
	--blue: #3185FC;
	--red: #D00;
	--green: #20CE88;
	--razzmatazz: #EC0868;

--primary: var(--yellow)
}

* {
	/*border: 1px !important;*/ /* remove all borders, they're ugly */
    /*font: 17px Helvetica;*/ /* it doesn't work nicely */
}

/* change selection color (it appears darker than it should) */
::selection {
	color: #222 !important;
	background: var(--primary) !important;
}

/* remove notes separator in list */
.note-list *::before {
	border-bottom: none !important;
}

.note-list, .sc-fzqNJr {
	background: #222 !important;
}

/* differenciate notes' background in list for a better readability */
.note-list .list-item-container:nth-child(even) {
	background: var(--black-ish) !important;
}

.note-list .list-item-container:nth-child(even):hover {
	background: var(--primary) !important;
}

.note-list .list-item-container:nth-child(even):hover * {
	color: #222 !important;
}

.side-bar>div, .fZxMYz {
	background: #222 !important
}

/* add a MacOS-like thin border to separate the sidebar and the note list*/
.side-bar {
	border-right: solid 1px black !important
}

.editor-toolbar {
	background: none !important
}

/* highlight in yellow hovered and selected notes and notebooks */
.list-item-container:active,
.list-item-container:focus,
.list-item-container:hover {
	background: var(--primary) !important;
}

.list-item-container:hover *,
.list-item-container:active *,
.list-item-container:focus * {
	color: #222 !important;
}

/* new notebook and new note buttons */
.eopHcM {
	background: var(--primary) !important;
	border-radius: 5px !important
}

/* search icon */
.icon-search {
	color: var(--primary) !important
}

/* tags in tags editor */
.css-8hn3v4-multiValue, .css-8hn3v4-multiValue *{
	background: var(--primary) !important;
	color: #222 !important;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px !important
}

/* tags at the bottom of the page */
.tag-list span {
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px !important
}

/* "x" when typing in search bar*/
.fCCgEl {
	color: var(--primary) !important
}

/* Fixes a display bug where the last few letters of a full-width line can't be seen */
.CodeMirror-lines {
	width: 96% !important
}

/* style links in pop-up windows */
.note-property-box a {
	color: var(--primary) !important
}

/* use mono font when editing stuff in popup windows */
input.form-control {
	font: 1.1em "Ubuntu Mono", "Fira Code", mono !important
}

/* yellow background in active notebooks */
.kNDCeq {
	background: var(--yellow) !important;
}

/* dark text color in active notebooks */
.kNDCeq a {
	color: var(--dark-grey);
}

.kNDCeq a div {
	color: #444;
}
```

来自大脸猪写于 2020-07-02 10:17 -- 更新于2021-09-24 15:28 -- 2 条评论

大猪 & 大兔

joplin调整markdown展示字体大小

2条评论

评论:

文章分类

相册

关于网站

友情链接