我正在用MDX設(shè)計(jì)一系列文檔頁面。我可以流暢地使用標(biāo)簽，但我還需要導(dǎo)入一些包含在外部CSS文件中的字體規(guī)則。知道怎么做嗎？

現(xiàn)在這個(gè)頁面正在使用一個(gè)隨機(jī)的& quotNunito Sans & quot到處都找不到的字體。

我的MDX:

import { Meta } from "@storybook/addon-docs"


<Meta title="QuickStart/Changelog" />

<style>
    {`

* {
  font: inherit;
}
  
.text-style-square {
  height: 4rem;
  width: 4rem;
  margin-right: 1rem;
}

.text-style-wrapper {
  margin: 1rem 0 1rem 0;
}

.text-style-wrapper:first-child {
margin-top: 0;
}

.text-style-wrapper:last-child {
margin-bottom: 0;
}

.section-wrapper {
  border: 1px solid gray;
  border-radius: 0.4rem;
  padding: 2rem;
}
`}
</style>

<img src="./img/changelog-banner.png" className="banner pb-10" />

<h1>OVERVIEW</h1>

Welcome to the Design System changelog, where we keep track of all updates and improvements to our design system.

<div className="section-wrapper">
    <h3>1.116.0 (2023-04-09)</h3>
    <p>#1201 Fix hide border bug in expand collapse (@hadasfa)</p>

    <h3>1.116.0 (2023-04-09)</h3>
    <p>#1201 Fix hide border bug in expand collapse (@hadasfa)</p>

    <h3>1.116.0 (2023-04-09)</h3>
    <p>#1201 Fix hide border bug in expand collapse (@hadasfa)</p>

    <h3>1.115.1 (2023-04-04)</h3>
    <p>Fix text field and search disabled appearance (@hadasfa)</p>

    <h3>1.115.1 (2023-04-04)</h3>
    <p>Fix text field and search disabled appearance (@hadasfa)</p>

    <h3>1.115.1 (2023-04-04)</h3>
    <p>Fix text field and search disabled appearance (@hadasfa)</p>

    <h3>1.115.1 (2023-04-04)</h3>
    <p>Fix text field and search disabled appearance (@hadasfa)</p>

</div>