CSS+HTML中多自定义字体仅首个生效问题求助

问题核心是CSS中指定的字体名称和@font-face定义的名称不匹配，浏览器找不到对应字体，因此只有第一个匹配成功的Rubik Vinyl生效。

具体错误点： #

• CSS里h2的font-family: 'Cabin_Sketch'用了下划线，但HTML头部@font-face定义的是font-family: 'Cabin-Sketch'（短横线），符号不一致导致无法匹配
• 虽然p的font-family: 'DM-Sans'和@font-face名称一致，但建议添加兜底字体，避免字体加载失败时显示异常

修正后的CSS代码： #

/*HEADING FORMATTING */
h1 {
  font-family: 'Rubik_Vinyl', cursive;
  color: #1e1c1f;
  font-size: 5em; 
  text-align: center;
}

h2 {
  font-family: 'Cabin-Sketch', cursive; /* 修正为短横线，与@font-face名称统一 */
  text-align: center;
  color: #1e1c1f;
  font-size: 3em;
}

/*REGULAR TEXT FORMATTING */
p {
  font-family: 'DM-Sans', sans-serif; /* 添加sans-serif作为兜底字体 */
  text-align: center;
  color: #1e1c1f;
  font-size: 1em;
}

额外验证步骤： #

1. 打开字体文件的URL（比如https://wormgodking.neocities.org/Cabin-Sketch/CabinSketch-Regular.ttf），确认能正常下载文件，确保路径无误
2. 所有@font-face的font-family名称，和CSS里的引用必须完全一致（包括符号、空格）

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