如何为网页页脚添加多种不同样式的字体

你的思路完全正确，用<span>标签包裹需要单独设置样式的FRESH单词是目前最简洁且符合语义规范的实现方案，具体实现步骤如下：

1. 调整HTML结构，给目标单词加上带类名的<span>标签

<footer>
  <p>POWERED BY LOTS OF <span class="fresh-font">FRESH</span> INGREDIENTS</p>
</footer>

2. 编写对应CSS样式，首先确保你已经在项目中正确引入了Montserrat Bold和Galada两种字体，再配置样式规则：

/* 设置页脚段落默认使用Montserrat Bold字体 */
footer p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
/* 单独给FRESH单词设置Galada字体 */
.fresh-font {
  font-family: 'Galada', cursive;
  /* 可根据设计需求额外添加颜色、字号、字间距等样式 */
}

这种方案不需要改动现有整体结构，仅针对需要差异化样式的文本做标记，后续调整也很方便，完全适配你的需求。

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