How to change font-family in preview?


  • Platform: Windows
  • Platform version: 10
  • App Version: 5.5.3

hello, I have question!

I want to change font-family in preview section and exported PDF so create style.less file in AppData > inkdrop folder.

.editor-layout {
    font-family: 'fontname something' !important;

// or

* {
    font-family: 'fontname something' !important;

// or

@media print {
    strong {
      color: red !important; // it doesn't work either
   font-family: 'fontname something' !important;

But it doesn’t work. How can I solve this problem?

I’d greatly appreciate any help, thank you!

Hi Roy,

You can specify font-family with a .mde-preview selector with !important rule.

.mde-preview {
    font-family: 'fontname something' !important;

Thanks, I modified content but didn’t work :cry:

So I try to create .less file in two folder, didn’t work either.

  • C:\Users\roy\AppData\Local\inkdrop
  • C:\Users\roy\AppData\Roaming\inkdrop

The file name should be styles.less, not style.less.

Please check out the documentation here:

The folder path is %APPDATA%\inkdrop\.

thanks a lot :smile:

1 Like