Question

想要在某些字体上使用新的text-stroke css属性，但截至目前，只有webkit支持它。

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

我一直在研究Cufon之类的javascript解决方案，似乎已经有一个功能请求用于支持它：Cufon text-stroke feature request。 sIFR似乎也不支持笔画/大纲......

Answer 1

这有点像黑客，但你可以在Cufon中使用文字阴影来做。

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

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

Answer 2

AHHA！在发布此问题后不久发现了FLIR。

以下是文字笔划效果示例：http://facelift.mawhorter.net/doc/plugins-quickeffects

quickeffects插件包含在download。

中

一个不错的drupal模块以及感兴趣的人：http://drupal.org/project/flir

Answer 3

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

如果这对op没有帮助，我希望它可以帮助别人。另外，我确实尝试过flir模块并且有不可预测的

跨浏览器文本笔划方法？

3 个答案: