Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
02-08-2009, 03:48 PM #1
- Join Date
- Jul 2008
- Thanked 0 Times in 0 Posts
non-broswer safe font on a gradient backgruond
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?
02-08-2009, 06:48 PM #2
- Join Date
- Jan 2006
- Halle (Saale), Germany
- Thanked 981 Times in 954 Posts
There are at least two options:
- 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).
- 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.