Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

yuser · №1

Всем привет.

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

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

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

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

Вверху есть прикреплённая панель навигации и вот стрелки выпадающих меню, значки уведомлений о новых сообщениях - это символы, а не картинки. Если запретить сайтам использовать свои шрифты, они заменяются на буквы "b", "c" и т.п.

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

FireForce · №2

yuser пишет

элементы управления сделаны символами шрифта <...> если запретить - символы заменяются буквами
что тут можно придумать, но не разрешая всем сайтам использовать свои шрифты?

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

yuser пишет

убрана галка "Разрешить веб-сайтам использовать свои шрифты вместо установленных выше" <...> доволен, потому что могу не видеть хотя бы часть дизайнерских потуг

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

yuser · №3

FireForce пишет

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

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

okkamas_knife · №4

yuser пишет: Разрешить
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

использовать свои шрифты, при этом не разрешая это всем остальным сайтам, если это возможно.

никак

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

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

Отредактировано okkamas_knife (26-09-2019 04:47:08)

yuser · №5

okkamas_knife пишет

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

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

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

Отредактировано yuser (26-09-2019 05:31:40)

okkamas_knife · №6

yuser пишет: это надо довольно глубоко закапываться в 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;
} 
}

yuser · №7

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

Stkvsky · №8

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

Отредактировано Stkvsky (26-09-2019 13:53:40)

FireForce · №9

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

okkamas_knife · №10

FireForce пишет: Средствами CSS такое не возможно.

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

Stkvsky · №11

okkamas_knife пишет

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

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

FireForce · №12

okkamas_knife пишет

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

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

okkamas_knife · №13

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

FireForce · №14

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

okkamas_knife · №15

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

FireForce · №16

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

okkamas_knife · №17

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

FireForce пишет: изначальный вопрос — как в текстовом блоке найти слово и заменить его картинкой

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

Полезная информация

№125-09-2019 02:48:10

Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№225-09-2019 17:25:31

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№326-09-2019 04:25:01

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№426-09-2019 04:44:23

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№526-09-2019 05:13:47

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№626-09-2019 07:09:52

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

Код:

№726-09-2019 09:23:06

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№826-09-2019 13:50:06

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№926-09-2019 15:58:48

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1026-09-2019 17:39:03

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1126-09-2019 17:52:53

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1226-09-2019 18:04:03

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1326-09-2019 19:25:43

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1426-09-2019 19:47:10

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1526-09-2019 21:42:23

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1627-09-2019 09:10:01

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

№1727-09-2019 10:52:44

Re: Проблема с сайтом, если стоит запрет на использ. сайтами своих шрифтов

Board footer