joplin: use Nerd Fonts

etc/soft/joplin/userchrome.css

@@ -205,11 +205,12 @@
   --g-border-width-4: 0.8rem;
   --g-border-width-5: 1.2rem;
   --g-border-width-6: 1.6rem;
-  --g-font-family-system-rounded: "SF Pro Rounded", "SF Pro", -apple-system,
+  --g-font-family-icon-font: "NotoMono Nerd Font",
+  --g-font-family-system-rounded: "NotoMono Nerd Font", "SF Pro Rounded", "SF Pro", -apple-system,
     BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",
     sans-serif;
-  --g-font-family-system: "Font Awesome 5 Free", "SF Pro", -apple-system, BlinkMacSystemFont,
+  --g-font-family-system: "NotoMono Nerd Font", "Font Awesome 5 Free", "SF Pro", -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
   --g-font-family-mono: "NotoMono Nerd Font", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
@@ -322,41 +323,41 @@
 :root {
   /* --g-icon-folder: "􀈕"; */
   --g-icon-folder: "";
-  --g-icon-tag: "􀋡";
+  --g-icon-tag: "";
-  --g-icon-arrow-triangle-2-circlepath: "􀊯";
+  --g-icon-arrow-triangle-2-circlepath: "";
-  --g-icon-bold: "􀅓";
+  --g-icon-bold: "";
-  --g-icon-italic: "􀅔";
+  --g-icon-italic: "";
   --g-icon-highlighter: "􀦇";
-  --g-icon-strikethrough: "􀅖";
+  --g-icon-strikethrough: "";
-  --g-icon-textformat-abc-dottedunderline: "􀅰";
+  --g-icon-textformat-abc-dottedunderline: "";
-  --g-icon-alarm: "􀐭";
+  --g-icon-alarm: "";
-  --g-icon-square-split-2x1: "􀏠";
+  --g-icon-square-split-2x1: "";
-  --g-icon-info-circle: "􀅴";
+  --g-icon-info-circle: "";
-  --g-icon-chevron-backward: "􀯶";
+  --g-icon-chevron-backward: "";
-  --g-icon-chevron-forward: "􀯻";
+  --g-icon-chevron-forward: "";
-  --g-icon-chevron-down: "􀆈";
+  --g-icon-chevron-down: "";
-  --g-icon-chevron-up-chevron-down: "􀆏";
+  --g-icon-chevron-up-chevron-down: "";
-  --g-icon-arrow-up-forward-app: "􀮵";
+  --g-icon-arrow-up-forward-app: "";
   --g-icon-arrow-up-right-square-fill: "􀄕";
-  --g-icon-ellipsis: "􀍠";
+  --g-icon-ellipsis: "";
-  --g-icon-link: "􀉣";
+  --g-icon-link: "";
-  --g-icon-chevron-left-slash-chevron-right: "􀙚";
+  --g-icon-chevron-left-slash-chevron-right: "";
-  --g-icon-curlybraces: "􀡅";
+  --g-icon-curlybraces: "";
-  --g-icon-paperclip: "􀉢";
+  --g-icon-paperclip: "";
-  --g-icon-list-bullet: "􀋲";
+  --g-icon-list-bullet: "";
-  --g-icon-list-number: "􀋴";
+  --g-icon-list-number: "";
-  --g-icon-text-badge-checkmark: "􀋺";
+  --g-icon-text-badge-checkmark: "";
-  --g-icon-minus: "􀅽";
+  --g-icon-minus: "";
-  --g-icon-text-quote: "􀋿";
+  --g-icon-text-quote: "";
   --g-icon-tablecells-badge-ellipsis: "􀏥";
-  --g-icon-clock: "􀐫";
+  --g-icon-clock: "";
-  --g-icon-calendar-badge-clock: "􀧞";
+  --g-icon-calendar-badge-clock: "";
-  --g-icon-doc-richtext: "􀉅";
+  --g-icon-doc-richtext: "";
-  --g-icon-square-and-pencil: "􀈎";
+  --g-icon-square-and-pencil: "";
-  --g-icon-doc-on-clipboard: "􀉃";
+  --g-icon-doc-on-clipboard: "";
   --g-icon-square-and-arrow-down: "􀈄";
-  --g-icon-xmark-circle-fill: "􀁡";
+  --g-icon-xmark-circle-fill: "";
-  --g-icon-xmark: "􀆄";
+  --g-icon-xmark: "";
 }
 
 .fa-caret-right::before {
@@ -516,7 +517,7 @@ body a {
   display: none !important;
 }
 .rli-editor > div > div > div > div .tox-tbtn::after {
-  font-family: "SF Pro";
+  font-family: var(--g-font-family-icon-font);
   font-size: var(--g-font-size-1) !important;
   font-weight: normal !important;
   -webkit-font-smoothing: antialiased;
@@ -600,7 +601,7 @@ body a {
 }
 .rli-editor .joplin-tinymce > div:first-child > a span:before,
 .rli-editor .editor-toolbar > div:first-child > a span:before {
-  font-family: "SF Pro";
+  font-family: "NotoMono Nerd Font";
   font-size: var(--g-font-size-1) !important;
   font-weight: normal !important;
   -webkit-font-smoothing: antialiased;
@@ -666,7 +667,7 @@ body a {
 }
 .rli-editor .tox-toolbar__group button:before,
 .rli-editor .tox-toolbar__group button[aria-haspopup=true]:before {
-  font-family: "SF Pro";
+  font-family: "NotoMono Nerd Font";
   font-size: var(--g-font-size-1) !important;
   font-weight: normal !important;
   -webkit-font-smoothing: antialiased;
@@ -806,7 +807,7 @@ body a {
 }
 .rli-editor > div > div > div > div:not(:first-child) .editor-toolbar a.button span::before,
 .rli-editor > div > div > div > div:not(:first-child) .editor-toolbar a.button i::before {
-  font-family: "SF Pro";
+  font-family: "NotoMono Nerd Font";
   font-size: var(--g-font-size-1) !important;
   font-weight: normal !important;
   -webkit-font-smoothing: antialiased;
@@ -1015,7 +1016,7 @@ body a {
   height: 100%;
 }
 .rli-editor > div > div > div > div:last-child .icon-tags {
-  font-family: "SF Pro";
+  font-family: "NotoMono Nerd Font";
   font-size: var(--g-font-size-1) !important;
   font-weight: normal !important;
   -webkit-font-smoothing: antialiased;
@@ -1024,7 +1025,7 @@ body a {
   height: 1.8rem;
 }
 .rli-editor > div > div > div > div:last-child .icon-tags::before {
-  font-family: "SF Pro";
+  font-family: "NotoMono Nerd Font";
   content: var(--g-icon-tag) !important;
 }
 .rli-editor > div > div > div > div:last-child .tag-list span {
@@ -1089,7 +1090,7 @@ body a {
 .rli-noteList .search-bar input[type=text] + button span::before {
   position: absolute;
   left: 0;
-  content: "􀊫" !important;
+  content: "" !important;
   color: var(--g-secondaryLabelColor);
   font-size: 1.6rem;
   font-family: var(--g-font-family-system);
@@ -1143,10 +1144,10 @@ body a {
   transform: translateY(0.05rem);
 }
 .rli-noteList .search-bar + div button.new-todo-button span:before {
-  content: "􀁢";
+  content: "";
 }
 .rli-noteList .search-bar + div button.new-note-button span:before {
-  content: "􀈎";
+  content: "";
 }
 .rli-noteList .note-list {
   padding: 0 1rem 1rem;
@@ -1359,7 +1360,7 @@ body a {
   position: absolute;
 }
 .modal-dialog input + a .fa-question-circle::before {
-  content: "􀅴" !important;
+  content: "" !important;
   color: var(--g-secondaryLabelColor) !important;
   font-family: var(--g-font-family-system) !important;
   font-weight: 400;