如何修改Marp中代码块的字体？CSS设置未生效求解决方案

可以修改Marp中的代码块字体，你之前的方法没生效，是因为Marp里代码的文本实际嵌套在<pre>内部的<code>标签中，仅设置<pre>的字体样式会被<code>的默认样式覆盖。

以下是两种有效操作方法：

1. 当前页所有代码块生效 #

添加带精确选择器的样式代码，直接选中<pre>内的<code>元素：

<style scoped>
pre code {
  font-family: "Courier New", monospace;
}
</style>

• scoped表示样式仅对当前幻灯片生效，去掉则全局所有幻灯片的代码块都会应用该字体
• 末尾加上monospace作为 fallback，避免系统未安装指定字体时显示异常

2. 指定特定语言代码块生效 #

如果你的代码块使用了语法高亮（比如标记为C语言），可以针对特定语言的代码块设置字体：

<style scoped>
pre.language-c code {
  font-family: "Consolas", monospace;
}
</style>

这样只会修改标记为C语言的代码块字体，不影响其他语言的代码块。

把上述样式代码放在幻灯片的任意位置即可生效，测试你的strcpy代码块就能看到字体变化。

内容的提问来源于stack exchange，提问作者TheG0dZeno