Using CSS to Replace Arial with Helvetica

[aido2002]

Let's establish this first off: I am a typeface nerd, and I, like many, love Helvetica. I'm no pro with CSS, but I wrote up a little style sheet which I told Safari to use which replaces typefaces with Helvetica. However, I couldn't get it to do exactly what I want: rather than replacing all typefaces with Helvetica, I just want to replace Arial with it. My reasoning is that Arial is a slightly-off knockoff font, which was designed to be the same size as Helvetica, so, replacing it should only make things look better. What is a style sheet that would do just what I want?

 

[DaReal_Dionysus]

body {
font-family: Helvetica;
}

 

[angelwatt]

Can't do it completely if you're trying to apply the style sheet to all sites you visit. CSS is a programming language so it can't tell what current values are so it can't find just Arial values. One partial thing you can do is from the browser preferences you can go to the content part and adjust the font used for sans-serif fonts. This will only work though when the site either does not supply a default font or specific it ans sans-serif.

 

[Cerebrus' Maw]

I guess if you really wanted to change the Font face from Ariel to Hect, you could use some Client sided language to transverse the DOM tree, check if the font style supplied is Ariel, and then change it that way.

But thats a lot of effort in ratio for the gains made, imho.