Методи за текст в различни браузъри?

Искам да използвам новия css атрибут text-stroke на някои шрифтове, но към този момент само webkit има поддръжка за него.

Има ли съвместими с различни браузъри методи за прилагане на текст?

Разглеждах решения за javascript като Cufon и изглежда има заявка за функция, поставена за вече го поддържате: Заявка за функция за чертане на текст на Cufon. sIFR изглежда също не поддържа щрихи/очертания..


person tester    schedule 02.04.2010    source източник
comment
Причината само webkit да го поддържа е, защото webkit го е измислил и няма такова нещо в CSS3.   -  person Rob    schedule 02.04.2010


Отговори (3)


Това е малко хак, но можете да го направите с помощта на текстови сенки в Cufon.

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

Просто използвайте две текстови сенки и ги поставете диагонално една срещу друга.

person S Pangborn    schedule 05.05.2010
comment
изглежда доста зле, но вероятно зависи от шрифта - person Thomas; 21.12.2010

Аха! Открих FLIR малко след публикуването на този въпрос.

Ето примера за ефекта на текста: http://facelift.mawhorter.net/doc/plugins-quickeffects

Плъгинът Quickeffects е включен в изтегляне.

Хубав Drupal модул също за тези, които се интересуват: http://drupal.org/project/flir

person tester    schedule 02.04.2010
comment
Връзката към FLIR не работи. - person Jasper; 26.01.2012

Ако търсите 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

person nicholas.alipaz    schedule 15.02.2011
comment
здравей, @nicholas.alipaz Вашият модул позволява ли модифициране на textShadow при задържане на мишката? Ако да, можете ли да покажете синтаксиса за това? Благодаря за работата - person ; 26.02.2011