如何在每个&周围插入一个跨度

时间:2012-02-07 20:47:44

标签: javascript css fonts ampersand

我想在Adobe Caslon Pro中使用特定的斜体&,但仅在&符号中使用。

如何插入<span class="amp"&gt;大约每&(&符号),然后应用

font-style: italic;

.amp

3 个答案:

答案 0 :(得分:2)

您可以在页面加载时使用jQuery修改HTML:

$(function () {
    $("h1:contains('&')").each(function () {
        var that = $(this);
        that.html(that.html().replace(/&amp;/g, "<span class='amp'>&amp;</span>"))
    });
});

请注意,这仅适用于h1元素,请根据需要修改它。

答案 1 :(得分:1)

是的,你可以。但它不会为您带来您想要的解决方案,因为只有在其系统上安装了adobe caslon pro的用户才会看到该字体。

使用特殊字体的唯一真正选项是使用图像。我认为你不想使用flash叠加或使用font-face进行争夺。

答案 2 :(得分:0)

这对于客户端来说是相当昂贵的操作,因为它意味着分析和操作DOM很多。如果您的页面是使用某些服务器端脚本构建的(或者如果您可以添加一些),那么这是一个更简单的事情......作为服务器在将页面发送给用户之前所做的最后事情,请在{{1 }}。

我不是服务器端编码器,所以不能告诉你任何语法,但它会比任何javascript方法更高效,并提供更流畅的用户体验

相关问题