如何在不同字体中设置字体的颜色?

方法一：使用 HTML 标签

在 HTML 中，您可以使用 标签将不同的字体代码括起来，并使用不同的属性设置字体的颜色。例如：

文字

其中：

• 是一个空标签。
• style 是一个 CSS 属性。
• color 属性指定字体的颜色。

方法二：使用 CSS 选择器

您可以使用 CSS 选择器将不同的字体代码选择出来，并使用 color 属性设置字体的颜色。例如：

body {
  font-family: sans-serif;
}

.red-text {
  color: red;
}

其中：

• body 是一个 HTML 元素。
• font-family 属性指定字体族。
• .red-text 是一个 CSS 选择器。
• color 属性指定字体的颜色。

方法三：使用 JavaScript

您可以使用 JavaScript 动态设置字体的颜色。例如：

function changeColor(color) {
  document.querySelector('span').style.color = color;
}

其中：

• document.querySelector('span') 获取第一个具有 span 元素的元素。
• style.color 设置字体的颜色。

注意：

• 使用 HTML 标签设置字体的颜色可能导致跨浏览兼容性问题。
• 使用 CSS 选择器设置字体的颜色更灵活，可以根据不同的条件设置不同的颜色。
• 使用 JavaScript 动态设置字体的颜色可以确保在页面加载完成后立即生效。