Всем привет.

Сразу про то, почему тема во флейме: проблема не в конкретном браузере, а вообще, просто не знаю, куда её приткнуть.

У меня в Firefox в настройках убрана галка "Разрешить веб-сайтам использовать свои шрифты вместо установленных выше". Всем доволен, потому что могу не видеть хотя бы часть дизайнерских потуг. Недавно один сайт обновился и оказалось, что в нём некоторые элементы управления сделаны не картинками, а символами из своего самобытного шрифта (по крайней мере так я понял). Если разрешить в настройках сайтам использовать свои шрифты, всё нормально, если запретить - эти их самобытные символы заменяются буквами. Пробовал перекрыть это дело через расширение Stylus, не помогло, видимо, галка про шрифты имеет приоритет. Отсюда вопрос: что тут можно придумать, но не разрешая всем сайтам использовать свои шрифты?

Пример страницы:

Заранее спасибо за помощь. В том числе, если кто знает, где про подобное лучше спрашивать.

Что вы конкретно хотите?

Отключи́те CSS полностью — перестанете видеть оставшуюся часть.

Разрешить nexusmods.com использовать свои шрифты, при этом не разрешая это всем остальным сайтам, если это возможно. Если нет, то как-то заменить эти символы на что-то выглядящее более-менее прилично (Stylus такое умеет?).

никак

да стилями такое возможно, ищи по before и after в теме стилей(кратко - добавляешь свой текст\картинку а исходный элемент скрываешь)

Спасибо! Я владею CSS и Stylus на уровне "заменить шрифт в блоке" или "скрыть блок", так что не вполне понимаю, что нужно сделать :-) А можно какой-нибудь пример, где такое сделано? Особенно совершенно непонятно, как подсунуть через Stylus свою картинку.

ДОБАВЛЕНО: поискал тут по интернетам на эту тему - это надо довольно глубоко закапываться в CSS, моих знаний тут категорически не хватает, увы-с...

достаточно понимать что такое селектор, правило и область применения
вот пример замены картинки текстом
контент также поддерживает урл content:url('data:image/gif;base64....
т.е. вставить можно не только текст

@-moz-document domain(www.nigma.ru){
#logo > A:before {
content:"Тут был логотип" !important;
font-weight: bold !important;
color: #00aa00 !important;
visibility: visible !important;
} 
#logo > A > IMG {
visibility: collapse !important;
} 
}

okkamas_knife, спасибо! Буду пробовать.

okkamas_knife
А вы бы не могли подсказать как сделать наооборот, если можно?
Чтобы указанные слова заменять картинками.

Stkvsky Средствами CSS такое не возможно.

возможно. если у слова есть селектор

А можно как то обычные слова в текстах статей, в заголовках, заменять на иконки base64?

Каким же образом вы слово замените на картинку?

см.пример выше. контент поддерживает и урл а не только текст

okkamas_knife Технически, слово не удаляется, а маскируется с использованием различных уловок (прозрачный текст, вынесение за границы блока и т. п.). То есть, замены как таковой не происходит — слово остается в структуре DOM.

вам шашечки или ехать?

okkamas_knife В данном случае аналогия не корректна. CSS — не подходящий инструмент как для манипуляции узлами DOM, так и для поиска и замены подстрок в строках. Поэтому ответ на изначальный вопрос — как в текстовом блоке найти слово и заменить его картинкой — посредством CSS никак.

FireForce читать внимательно научись, а потом начинай спорить.

нука процитируй со ссылкой этот вопрос и потом прочитай мой ответ внимательно