Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2008
    Thanked 0 Times in 0 Posts

    non-broswer safe font on a gradient backgruond

    Hi all,

    I am using a non browser safe font on a gradient background. The main issue that I am having with this is that if someone does not have the same font installed - it will not display the writing as I would like it to. I am thinking about pasting the image if the writing on the gradient background - but having tried a couple of times - the alignment isn't there (e.g. the image that is being pasted does not stay consistent with the gradient background). The website url is:


    The section in question is the section on top (red gradient with "DMUComputing - Contact Us written on it.

    Does anyone have any ideas about the best way for me to do this?


  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Halle (Saale), Germany
    Thanked 1,052 Times in 1,025 Posts
    There are at least two options:
    1. Make the text a 32 bit PNG (with transparent background) and apply it as background to the headline, hiding the actual text with negative text indent (requires a workaround in IE 6).
    2. Create an image out of the text on the gradient (i. e. text plus gradient background), apply it as background to the headline, hiding the actual text with negative text indent, and then applying some top padding to the header to position the image vertically according to the actual gradient.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts