Смена цвета при подключенном Cufon

[TorchTT]

Для подклчюения нестандартных шрифтов я использовал Cufon.

До подключения скрипта у меня стояло действие для ссылки - при наведении курсора - менять цвет текста.

После подключения Cufon - никак не могу вернуть смену цвеов.

Подскажите, пожалуйста, как решить проблему?

[Softlink]

Для подклчюения нестандартных шрифтов я использовал Cufon.

До подключения скрипта у меня стояло действие для ссылки - при наведении курсора - менять цвет текста.

После подключения Cufon - никак не могу вернуть смену цвеов.

Подскажите, пожалуйста, как решить проблему?

В куфоне есть особенность такая, что надо объявлять теги, в которых будет находиться подключаемый шрифт. Видимо вы не обозначили их и куфон просто не воспринимает ничего.

[TorchTT]

Softlink

Подскажите, пожалуйста, как корректно обновлять теги?

Причина вопроса - нашел пример:

http://jsfiddle.net/aBSyH/21/

Единственное, при наведении курсора - текст меняет цвет начиная со второго наведения.

[hello world!]

Декларировать цвет наведения надо таким образом:

Cufon.replace('h2', {
            fontFamily : 'Switzerland Condensed',
            hover : {
                color: '#000',
            }
        } );

[TorchTT]

hello world!

Спасибо за ответ.

Не работает.

Объявлял так:

<script src="fonts/cufon-yui.js" type="text/javascript"></script>
  <script src="fonts/HeliosThin_400.font.js" type="text/javascript"></script>
  <script type="text/javascript">
  Cufon.replace('p', {
            hover : {
                color: '#ffffff',
            }
        } );
  </script>

CSS:

p:hover, p:hover:after{
color: #ffffff;
}

Edited February 5, 2012 by TorchTT

[Softlink]

А почему выбрали Cufon для подключения шрифта? Есть ведь хороший сервис для этого дела: http://www.fontsquirrel.com/fontface/generator

[TorchTT]

Softlink

Благодарю за информацию об отличном сервисе) Перешел на него)

Единственное, как применить <b></b> к выбранному тексту с подключенным шрифтом?

[Redirect]

Благодарю, отлично работает

Объявлял так:

Cufon.replace('#catalogm', { fontFamily: 'Antiqua', hover: {color: '#fe6102'}});