想在某些字体上使用新的text-stroke css 属性,但到目前为止,只有 webkit 支持它。
是否有任何跨浏览器兼容的应用文本笔划的方法?
我一直在研究诸如Cufon之类的 javascript 解决方案,并且似乎已经提出了支持它的功能请求:Cufon text-stroke feature request。sIFR似乎也不支持笔画/轮廓。
想在某些字体上使用新的text-stroke css 属性,但到目前为止,只有 webkit 支持它。
是否有任何跨浏览器兼容的应用文本笔划的方法?
我一直在研究诸如Cufon之类的 javascript 解决方案,并且似乎已经提出了支持它的功能请求:Cufon text-stroke feature request。sIFR似乎也不支持笔画/轮廓。
这有点小技巧,但您可以使用 Cufon 中的文本阴影来实现。
Cufon.replace("h2", {hover:'true', textShadow: "#ff0000 1px 1px, #ff0000 -1px -1px"});
只需使用两个文本阴影并将它们对角相对放置。
如果您正在寻找 Drupal 解决方案。我使用作为依赖项安装的自定义模块和 cufon 模块执行了以下操作。
像往常一样设置cufon,然后添加一个子模块,如下所示:
cbi_cufon.module
<?php
// $Id$
/**
* Implementation of hook_init().
*
* Just adding in our cufon definitions.
*/
function cbi_cufon_init() {
$settings = array(
array(
'selector' => '#site-slogan',
'options' => array(
'fontFamily' => 'Fontname', // Likely need to change this to match yours or remove this line completely if you will have only one cufon font
'textShadow' => '1px 0px #FFFFFF, 0px 1px #FFFFFF, -1px 0px #FFFFFF, 0px -1px #FFFFFF, 2px 2px #DDDDDD',
),
),
);
drupal_add_js(array('cufonSelectors' => $settings), 'setting');
}
cbi_cufon.info
;$Id$
name = Cufon font definitions
description = Adds font definitions for CBI.
core = 6.x
version = VERSION
dependencies[] = cufon
如果这对操作没有帮助,我希望它可以帮助其他人。此外,我确实尝试了 flir 模块并且有 unpredic
啊哈!发布此问题后不久发现了FLIR 。
这是文本笔划效果示例: http: //facelift.mawhorter.net/doc/plugins-quickeffects
quickeffects 插件包含在下载中。
对于那些感兴趣的人来说,一个不错的 drupal 模块:http: //drupal.org/project/flir