如何在标记文件( .md文件)中自定义字体样式？

Question

我的recat webiste里有几个markdown文件。我想用.css文件中的自定义字体设置该页面的样式，我该怎么做？

Answer 1

这在某种程度上取决于您正在使用的markdown引擎，但是您几乎总是可以使用HTML标记，因此可以在markdown文件中设置样式。在标签中使用内联样式通常更容易，也更兼容。假设你想要一个带有下划线和边框的紫色文本区域，你可以使用：

<p style="color: pink; background-color: #1f1f1f;font-size: large; padding: 15px; border-radius: 20px; border: 1px solid pink;">
    Hello world
</p>

只需记住，某些服务(如GitHub )将覆盖您的样式，但它确实适用于独立使用。

Answer 2

我可以通过在标题下面添加css文件的链接来做到这一点

---
title: Section 1
---
<link rel="stylesheet" type="text/css" media="all" href="URL" />

或者使用import语句，然后使用在该css文件中定义的类

---
title: Section 1
---
 import styles from 'path name'
    
 <div className={}>

  markdown file contents

  </div>