2012-02-07 62 views
2

我想在Adobe Caslon Pro中使用特定的斜体&,但只能在&符号中使用。我如何插入一个范围围绕每一个&

我能做些什么来插入<span class="amp">周围的每一个&(符号),以便再应用

font-style: italic; 

.amp

+0

你需要为你的整个做一个滑头用户体验页面还是特定区域? – wheresrhys 2012-02-07 21:08:22

+0

看,这是我个人的网页,这是一个WordPress安装,在那里我尝试这样做, 从来就增加了很多与和&安培,看看哪一个更好的服务 http://randirelen.cl/ – 2012-02-07 21:22:33

回答

1

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

对特殊字体的唯一真正选择是使用图像。我不认为你想使用闪光覆盖或与字体面对战。

+1

+1提出的问题,但它现在在typekit上可用https://typekit.com/fonts/adobe-caslon-pro,因为是最adobe字体 – wheresrhys 2012-02-07 20:54:03

+0

你也可以使用CSS3 @ font-face - 虽然这不是现在广泛支持 – KOGI 2012-02-07 20:54:50

+0

是的,但实际上我仍然是使用字体的脸 – 2012-02-07 21:16:21

2

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

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

注意这仅适用于H1元素,修改你想要的元素。

+0

that.html我想应该用页面im替换?但如果有多个php页面,它应该如何? – 2012-02-07 21:15:59

0

这对客户端来说是一项相当昂贵的操作,因为它意味着很多分析和操作DOM。如果您的页面是使用某些服务器端脚本构建的(或者您可以添加一些脚本),那么这是一件非常简单的事情......作为服务器在将页面发送给用户之前所做的最后一件事情,请在&amp;上进行正则表达式替换。

我没有服务器端编码器所以不能告诉你任何语法,但它会是一个很大更有效率,并提供比任何JavaScript方式