2

想在某些字体上使用新的text-stroke css 属性,但到目前为止,只有 webkit 支持它。

是否有任何跨浏览器兼容的应用文本笔划的方法?

我一直在研究诸如Cufon之类的 javascript 解决方案,并且似乎已经提出了支持它的功能请求:Cufon text-stroke feature requestsIFR似乎也不支持笔画/轮廓。

4

3 回答 3

3

这有点小技巧,但您可以使用 Cufon 中的文本阴影来实现。

Cufon.replace("h2", {hover:'true', textShadow: "#ff0000 1px 1px, #ff0000 -1px -1px"});

只需使用两个文本阴影并将它们对角相对放置。

于 2010-05-05T17:27:02.097 回答
0

如果您正在寻找 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

于 2011-02-15T04:24:23.040 回答
0

啊哈!发布此问题后不久发现了FLIR 。

这是文本笔划效果示例: http: //facelift.mawhorter.net/doc/plugins-quickeffects

quickeffects 插件包含在下载中。

对于那些感兴趣的人来说,一个不错的 drupal 模块:http: //drupal.org/project/flir

于 2010-04-02T18:53:06.720 回答