Callouts and fonts are not rendered correctly

[Marin-Kitagawa]

Issue 1: Callouts

This is a great plugin. I love it. The issue here is that the callouts are not rendered correctly.

MDX Preview:

Live preview in Obsidian

Issue 2: Fonts

This is my font setup

While previewing in MDX Preview I get the interface font in the display while it must have been displayed in the Text font

I get the correct font in Obsidian live preview

[Marin-Kitagawa]

I was able to fix the second issue (temporarily) with the below CSS appended to styles.css file

#text,
p,
li {
    font-family: Optima !important;
}

But I doubt if it covers everything

[Marin-Kitagawa]

Also, just now noticed that it is not only for callouts but for backlinks and some other native Obsidian objects.

As you can see below, the backlinks are not rendered properly as well

[yuleicul]

Hi @Marin-Kitagawa, thanks for your contribution 😃
At least for now, I don't have the plan to make MDX preview plugin support Obsidian syntax.
The basic function of this plugin is the same as https://mdxjs.com/playground/

The long-term goal is to implement a live editor for MDX, where the Obsidian syntax might be supported.