как заменить всевдоэлементы :before на реальные ?

[mitiya]

Здравствуйте. Попытаюсь объяснить.

вот есть к примеру тэг <li>

к нему применен css

.tels > ul > li::before {
    display: block;
    font-family: "icomoon" !important;
    margin-left: -30px;
    margin-top: 2px;
    position: absolute;
}
.icon-mobile::before {
    content: "\e958";
}

в результате слева отрисовывается иконка с использованием иконочного шрифта "icomoon".

но на XP иконки выглядят несглажеными. Хочу к ним применить cufon он заменяет текст на canvas.
Но беда в том я не могу никак выбрать эти псевдоэлементы.
Хочу чтоб верстку не менять везде как-то пройтись скриптом и создать на месте этих before к примеру <span> поместить в него то что в "content" лежит, и уже ко всему этому применить cufon.

[Brutus]

То что ты замыслил это полная жопа!

Хряк уходит, брось его, а так придется все таблицы стилей обходить, модифицировать их, и в дерево лезть спаны вставлять, лучше оставь, не вешай на сайт все что попало, те кто на хряке сидят, знаешь ли им должно быть плевать на сглаживание, и компьютеры скорее всего не самые мощные, да и в 50% случаев у них ie6 реже ie7 а canvas там нет

p.s. Если ты сам на хрюне и не попадаешь под мое описание, не обольщайся большинство все же подпадает

[mitiya]

Не я то конечно не на Хр. Но вот заказчик . На самом деле большая проблема была с тестом, она решилась легко. На иконки можно и забить. Но тут уже спортивный интерес.

[Brutus]

Сейчас я в универе, пример попытаюсь сделать сегодня вечером,

Но можно же решить задачу и другим методом, например svg, я знаю что в icomoon есть и svg вариант иконок поставь их баграундом, да и канвас и svg поддерживаются старыми браузерами одинаково плохо

[Brutus]

Вот пример http://jsfiddle.net/dLn9na37/2/,

За неимением возможности написать свой селекторный движок юзанул jQuery