Кросс-браузерные методы обработки текста? - PullRequest
Новая
       22

Кросс-браузерные методы обработки текста?

2 голосов
/ 02 апреля 2010

Желание использовать новый атрибут text-stroke css в некоторых шрифтах, но на данный момент его поддерживает только webkit.

Существуют ли какие-либо кросс-браузерные совместимые методы применения текстового штриха?

Я искал такие javascript-решения, как Cufon , и, кажется, уже вставлен запрос функции для его поддержки: Запрос функции Cufon для обработки текста . sIFR , кажется, также не поддерживает обводку / контуры ..

Ответы [ 3 ]

3 голосов
/ 05 мая 2010

Это что-то вроде хака, но вы можете сделать это, используя тени текста в Cufon.

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

Просто используйте две тени для текста и расположите их по диагонали друг против друга.

0 голосов
/ 15 февраля 2011

Если вы ищете решение для 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 и у меня был непредсказуемый

0 голосов
/ 02 апреля 2010

Ahha! Обнаружен FLIR вскоре после публикации этого вопроса.

Вот пример эффекта обводки текста: http://facelift.mawhorter.net/doc/plugins-quickeffects

Плагин Quickeffects включен в .

Хороший друпальный модуль, а также для тех, кто заинтересован: http://drupal.org/project/flir

...