Как заменить все www шрифты в Firefox 29 через userContent.css на предпочитаемые ?

Question

[EndUser]

Салют!

Задача: заменить шрифты на Verdana в содержимом веб-страниц.

ОС: Windows 7/64
Browser: Firefox 29.0.1

Попытка:
Создал profile\chrome\userContent.css

@font-face { font-family: 'serif'; src: local('Verdana'); }
@font-face { font-family: 'bold serif'; src: local('Verdana'); }
@font-face { font-family: 'sans-serif'; src: local('Verdana'); }

@font-face { font-family: 'Arial'; src: local('Verdana'); }
@font-face { font-family: 'Georgia'; src: local('Verdana'); }
@font-face { font-family: 'Open Sans'; src: local('Verdana'); }
@font-face { font-family: 'PT Sans'; src: local('Verdana'); }
@font-face { font-family: 'Tahoma'; src: local('Verdana'); }
@font-face { font-family: 'Trebuchet MS'; src: local('Verdana'); }

Проблема:
на Verdana заменяется только часть описанных шрифтов: Arial, Georgia, Tahoma...
НЕ заменяются семейства/шрифты: "bold serif", "PT Sans", "Open Sans", "sans", "italic sans" (и некоторые другие), и от этого у меня болят глаза.

Вопрос:
Как надёжно заменить все шрифты на Verdana?

Ограничения:
Мне нужно дифференцировать моноширинные шрифты и заменять их на Lucida Console.
Нельзя заменять на Verdana ВСЕ шрифты ввиду новомодного поветрия использовать Webdings и Wingdings.

Спасибо!

Answer 1

[Юрий Лобанов]

Дизайнеры Вас проклинают )

Comments

[EndUser]

habrahabr.ru/post/18291

Microsoft прагматично решила, что дизайн начертания не так уж и неприкосновенен, и что четкий текст на экране, который удобно читать, более важен, чем задумка дизайнера шрифта о том, насколько светлым или темным должен ощущаться целый блок текста. Microsoft действительно разработала шрифты для чтения с экрана, например, Georgia и Verdana, с учетом границ пикселей. Они очень красивы на экране, но не впечатляют при печати.

Я не печатаю с экрана. Я читаю с экрана.

[Юрий Лобанов]

@EndUser что не меняет отношения дизайнеров к Вам ) Это шутка, не переживайте так. Естественно Вы должны делать так, как Вам удобно. С точки зрения web, дизайнер должен думать о таких вещах. Верстка не должна поехать от смены шрифта, кроме некоторых мелочей, разве что, так как таких как Вы вообще говоря не много.

Answer 2

[Егор Огурцов]

!important ?

Comments

[EndUser]

Если не сложно: уточните синтаксис строки, пожалуйста.
@font-face { font-family: 'PT Sans'; src: local('Verdana'); !important } не сработал.

[Егор Огурцов]

Думаю, как-то так должно сработать

@font-face {
font-family: 'custom-font';
src: local('Verdana');
...
}

* { font-family: 'custom-font' !important;}

[EndUser]

Это повторить для всех и каждого custom-font?

[Егор Огурцов]

вообще, думаю, что можно просто сделать вот так, без всяких @font-face, лично я никогда принудительно шрифты не назначал для элементов, поэтому правило должно перекрыть все:

body * { font-family: 'Verdana' !important;}

[EndUser]

Почти отлично! Заменились ВСЕ, включая Webdings и моноширинные. Теперь мне как нибудь найти способ оставить Webdings на месте (и моноширинные менять на другое - Lucida Console)

[Егор Огурцов]

@EndUser а вот это врятли с помощью CSS решите. Посмотрите вот сюда - www.lalit.org/lab/javascript-css-font-detect

[Назар Мокринский]

Ага, теперь и иконочные шрифты полетят у вас. Чудите...

Answer 3

[EndUser]

Часть шрифтов, навроде "PT Sans", как я понял - скачиваемые. И описанным в вопросе способом не убиваются.

gfx.downloadable_fonts.enabled=false запрещает скачивать шрифты, что частично решает вопрос. Но не полностью.