Safari and Font Choice

MannyIsHere wrote:
Hi all.

I understand I can add have safari run according to a style sheet I write. My novice attempts at this do not seem to work either.

Does the style sheet option actually work? And if so, does a user here have a style sheet they are willing to share?

I used a style sheet at times for ad blocking before SafariBlock and Saft came along, so it works. I hadn't tried it for forcing fonts but i gave it a simple test and it worked.

This was a really basic test, mind you. I'm no CSS guru but it was quite successful on some pages, like YouTube.

-----
!http://img403.imageshack.us/img403/8663/vptx1xp7.png!

Ah. You weren't supposed to ask that and make me display my poor CSS knowledge. 😉

It was as primitive a test as i could make and i got lucky. 😀
All that was in the CSS file was:

Body {
font-family: "Wendy LP Std", Melior, serif !Important;
}

It just so happened that the Safari window i was looking at was open to YouTube. I brought up Prefs and changed the style sheet to my little file. Apparently it loads it immediately when a new one is chosen.

Wendy is a kind of cursive script. I was quite surprised to see almost everything on the page change over immediately to display different sizes and weights of Wendy. However, when i visited some other pages, (such as Amazon) almost nothing changed.

While i'm pretty handy with certain aspects of CSS, especially ad blocking with Mozilla browsers, I realized pretty quickly i didn't have a clue how to override all fonts or whether it's possible.

-----
!http://img403.imageshack.us/img403/8663/vptx1xp7.png!

Message was edited by: Cut'n Paste

It occurred to me that something like this:

body, p, b, i, u, h1, h2, h3, h4, h5, h6, [class], [span], [id], [style] {
font-family: Melior !important;
}

...will replace most fonts on most pages with the font specified. 😀

But for maintaining separate forced fonts for serif, sans, fantasy, etc. i'm still at a loss.

I'm looking for somthing similar, but I want to force the font size rather than the font itself. Quite a few sites don't respect the Safari font selection under Preferences - Appearance, but clicking "Make Text Smaller" on the View menu does the trick.

I can obviously put the Smaller/Button on my toolbar but it still means I have to click after opening every page. What I really want is a way of forcing Safari to "Make Text Smaller" by default.

Any ideas ?

You want to force A font size, or you want to force a maximum? Or minimum?

-----
!http://img403.imageshack.us/img403/8663/vptx1xp7.png!

I don't want to force a specific size, and I've also set the minimum size which I'm happy with.

I just want the effect of clicking "Make Text Smaller" to occur by default.

I overlooked one fairly obvious possibility.

Couldn't you simply specify a percentage size in the CSS sheet?

i.e. *font-size: 90% !important;*

Not the same as clicking "Make Text Smaller", but would force all fonts to appear smaller than the page specifies.

——————————————
!http://img403.imageshack.us/img403/8663/vptx1xp7.png!

Thanks for that - I'm not familiar with CSS files but tinkered around with Simple CSS, great little app.

I tried reducing the font size using each of the following :

font-size: 80%;
font-size: smaller;
font-size: small;

However I have the same problem. Certain websites respond to this and display smaller fonts as desired, but others simply ignore it. In fact this forum is one of them, iGoogle is another.

Btw, what does the '!important;' parameter do ?... I tried it with and without.

!important causes the user style sheet to overrule the author's style sheet, which has precedence by default.
— ——————— — —
!http://img403.imageshack.us/img403/8663/vptx1xp7.png!