jquery - 如何在生成的 HTML 上强制使用单一字体？

Question

我们的用户使用内容编辑器工具为他们生成简单的网络内容。他们可以从编辑器中选择文本的字体，虽然我无法配置编辑器以强制他们只使用一种字体，但我认为可能会在生成的 html 中覆盖它，因为我可以访问 xsl 和 css，但这个特殊功能不在 xsl 中，而是由外部框架完成。

因此，当他们选择字体时，编辑器会生成如下内容：

<p class="my-class"><FONT face=georgia>Hello World</FONT></p>

我无法更改上述行的结构，但我可以更改我的类或插件 jquery 代码。使用 css (editing my-class")、jquery 或 xslt 有没有办法用我选择的不同字体替换 html 上的任何 FONT 面？

谢谢！

Answer 1

您可以使用 jQuery 删除字体标签：

1) 看看展开

2）甚至为了更好的性能，使用replaceWith：

$(".my-class").contents().replaceWith(function() { return $(this).contents(); });

Answer 2

尝试 ：font-family: "what you want" !important;

或者

$('font *').unwrap('font');

Answer 3

您可以使用简单的 CSS，它适用于所有相当现代的浏览器，使用属性选择器：

FONT[face=georgia] { font-family: Arial, sans-serif }

事实上，如果您希望尽可能以您喜欢的字体显示所有内容，您可以使用更简单且支持更广泛的 CSS，使用通用选择器*：

* { font-family: Arial, sans-serif }