正确替换<font> </font>

Question

'<font size="myfontSize">my text</font>'

替换此内容的正确方法是什么？ 现在已弃用。

1）如何更换？ 2）如何实现字体大小之间的等效？

Answer 1

如果您要更改字体，字体大小，字体样式等，请使用CSS类和CSS选择器进行所需的更改。就像您需要做其他任何页面样式一样。

以下是替换<font>的几个示例。

.text-lg {
  font-size: 3rem;
}

.text-primary {
  color: blue;
}

.text-emphasized {
  font-size: 3rem;
  color: blue;
}

<p>
  Lorem <font size="7" color="blue">ipsum</font> dolor.
</p>

<p>
  Lorem <span class="text-lg text-primary">ipsum</span> dolor.
</p>

<p>
  Lorem <span class="text-emphasized">ipsum</span> dolor.
</p>