Исключая некоторые теги из системы шрифтов Cufon

Question

Я использую Cufon для загрузки некоторых хороших шрифтов с помощью JavaScript. И, поскольку у меня много тегов, я использую следующую инструкцию для замены всех тегов:

Cufon.replace('*', { fontFamily: 'MyFont' });

Но я недавно решил исключить некоторые классы тегов из замены. Есть ли такая инструкция:

Cufon.exclude('TheClassToExclude');

Answer 1

Использование * в качестве селектора - довольно плохая идея. Во-первых, для загрузки страницы и запуска скрипта потребуется навсегда , поскольку Cufon блокирует браузер во время рисования. Во-вторых, ваш текст не будет заметно выделяться, в зависимости от браузера. (В настоящее время FF3.6 не показывает выделения в тексте Cufon)

Но чтобы ответить на ваш вопрос, вы можете указать cufon устанавливать определенные классы, просто добавьте классы к элементам, которые вы хотите нарисовать с помощью Cufon, а не наоборот.

Cufon.replace('h2.cufon', { fontFamily: 'MyFont' });

Edit:

Только что обнаружил, что если вы используете библиотеку Javascript, такую ​​как jQuery, вы можете использовать другой селектор для исключения элементов.

Cufon.replace('h2:not(.nocufon)', { fontFamily: 'MyFont' });

Это заменит все элементы H2 на текст Cufon, кроме элементов с классом nocufon.

Answer 2

Вы можете использовать «>» для выбора точного элемента / класса элемента. Я использую этот способ на сайте drupal, чтобы выбрать все ссылки на боковой панели уровня 2,

'# sidebar-left .menu-level-2> ul.menu> li> a'