Using the Stylish chrome extension to override this font

Question

I would like to override the font of web.ebuddy.com to Helvetica (the font of my messages).

I have tried doing

#bodyContent {
    font-family: Helvetica;
}

and it didn't work.

score 1 · Answer 1 · answered Nov 28 '13 at 22:27

1

When using Stylish, one often has to employ the !important flag. Also, provide a fallback font in case Helvetica is not installed (it wasn't on some of my windows machines).

So this should work:

#bodyContent {
    font-family: Helvetica,Arial,sans-serif !important;
}

unless the content in question is in an iframe. Iframes in Google Chrome are sometimes impossible for Stylish to reach.

answered Nov 28 '13 at 22:27

Brock Adams

90,639
22
233
295

This didn't work. What can I do if it's in an iframe? – minusatwelfth Nov 29 '13 at 10:17
If the iframe has a `src` attribute, set your Stylish script to run on that page or domain. – Brock Adams Nov 29 '13 at 10:44
src="" Any other suggestions? – minusatwelfth Dec 10 '13 at 10:36
That's the case where we are most screwed in Chrome. You'll have to write a complicated userscript, or just switch to Firefox. There's a bug/feature request for Chrome to fix this issue. Look it up and add your support to it. – Brock Adams Dec 10 '13 at 11:57

score 0 · Answer 2 · edited Nov 28 '13 at 11:34

0

Have you tried using the all selector?

Like this:

* { font-family: Helvetica; }

edited Nov 28 '13 at 11:34

Passerby

9,715
2
33
50

answered Nov 28 '13 at 11:33

Marcin Kossowski

86
5

I just tried it. It still doesn't look like Helvetica. It seems to insist on using the few fonts in the options. – minusatwelfth Nov 28 '13 at 11:41

Using the Stylish chrome extension to override this font

2 Answers2