...

View Full Version : non-broswer safe font on a gradient backgruond



oodya
02-08-2009, 03:48 PM
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:

http://www.dmucomputing.co.uk/test/contactus.php

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?

Thanks.

VIPStephan
02-08-2009, 06:48 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum