How to display Excalidraw font Virgil properly in a docusaurus page?

[tisonkun]

I try to add:

      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }

in the custom.css file or download the woff2 files and link them as static assets. But still, the font doesn't display properly.

I read https://docusaurus.io/docs/next/markdown-features/assets#images but it seems not to work for me.

Here is the exported SVG you can play with:

NOTE: The font cannot render on GitHub also.

Reference issue: tisonkun/pulsar-planet#1

[slorber]

Please create a repro

[tisonkun]

Resolve by:

import EsbSvg from "./pulsar-scenario-esb.svg";

<EsbSvg />

instead of ![](xxx.svg).

Also, the blank line above is important. But why?