How to change font-family in preview?

Issues
1

Environment

  • 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!

2

Hi Roy,

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

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

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
4

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

Please check out the documentation here:

The folder path is %APPDATA%\inkdrop\.

5

thanks a lot :smile:

1 Like