Using CSS to Replace Arial with Helvetica

Discussion in 'Web Design and Development' started by aido2002, Aug 3, 2009.

  1. aido2002 macrumors member

    Apr 21, 2009
    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?
  2. DaReal_Dionysus macrumors regular


    Jan 9, 2009
  3. angelwatt Moderator emeritus


    Aug 16, 2005
    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.
  4. Cerebrus' Maw macrumors 6502

    Mar 9, 2008
    Brisbane, Australia
    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.

Share This Page