Web Design Forums

wolverinejoe80 · 21-03-2007, 18:18

hey guys,

kinda stuck, so i need your help!

my client came up with this design
http://www.jc-dc.net/misc/mockup.jpg
-with a specific font called Din mittelshrift and Din neuzit grotesk
and they want a large background image behind it and contents placed in the middle.

so this is what i did
sample

my question is how do i get rid of the background behind texts? i wrote texts in the photoshop and brought them as a jpg. i tried with a transparent background and saved as a gif, but text breaks up.

is there anyway i can write Din mittelshrift in my dreamweaver?

what am i supposed to do?

please help. thanks

joe

.sleep · 22-03-2007, 04:52

you are either going to have to:
A) use flash with a transparent bg for the whole site and have the huge photo be the html bg
B) work with the gifs
C) save as png and use a png hack for internet explorer.

i've used the png hack on a few sites and it seems to work pretty well. i'm always afraid of using hacks though because if internet explorer gets updated, who knows what the hack will end up doing.

if you just used the font in dreamweaver, anyone who doesn't have the correct fonts on their computer would get some sort of substitute, which would totally break your design.

colorlab · 22-03-2007, 05:54

- Flash would be the prettiest solution.
- PNG is the easiest solution.
- GIF is the ugliest solution.

Make your pick.

wolverinejoe80 · 22-03-2007, 08:38

darn it!!

tstephen · 22-03-2007, 08:43

why not find a font that is as close to the one that your client wants and use that? It would be much easier than trying to use flash or do anything else that has already been suggested.

wolverinejoe80 · 22-03-2007, 09:12

they really like this fonts...

well, i guess i'm gonna try flash. i haven't touched flash in years though.

wolverinejoe80 · 22-03-2007, 09:14

i don't know anything about logotype..

so what would be similar to that font? any suggestions? they didn't like arial i used before.

Mandy Moo · 22-03-2007, 09:24

Quote:

Originally Posted by wolverinejoe80

i don't know anything about logotype..

so what would be similar to that font? any suggestions? they didn't like arial i used before.

Arial? what were you thinking?!
There's much nicer fonts than arial i.e Gill Sans or Helvetica 55

chazthetic · 22-03-2007, 10:25

most computers now come with helvetica preloaded, so specify that in your type settings. it's fairly close to that font and it's a decent compromise

weldo · 22-03-2007, 11:52

this link may help you to make a judgement call ....

you'll just have to specify fall back font - for when your 1st or 2nd choice fonts aren't installed ...

Code Style: Windows font survey results

.... and explain the potential issues to your client.

wolverinejoe80 · 22-03-2007, 12:06

thanks guys.

now my client wants some flash beginning as well. i'll try all of them, and see what works best. man, i'm rusty on flash though. last time i used was back in 2000 with flash 5.

wolverinejoe80 · 22-03-2007, 12:07

Quote:

Originally Posted by chazthetic

most computers now come with helvetica preloaded, so specify that in your type settings. it's fairly close to that font and it's a decent compromise

i'm very new to all of this..

well, how do i do that?

weldo · 22-03-2007, 12:29

in your css file just use your desired fonts like this :

font-family: arial, helvetica, verdana, sans-serif;

wolverinejoe80 · 29-03-2007, 23:43

Quote:

Originally Posted by weldo

in your css file just use your desired fonts like this :

font-family: arial, helvetica, verdana, sans-serif;

tried it and it doesn't look similar...

solix · 30-03-2007, 01:31

Try Tahoma, or Verdana, or Sans-Serif then..

steveb · 30-03-2007, 03:04

I'm not sure I understand your problem - do you want the text to be ON the background like in this example, or on a plain background?

din

Larixk · 02-04-2007, 17:57

Gotta love DIN!

Web typography's a nightmare still. There are only about 10 fonts you can use making sure most users will see them if you use plain (x)html/css.

Flash allows you to include fonts and anti-alias them well. But make sure you use Flash right (ie. with swf-object) so you don't exclude those without flash (like most search engines).

21-03-2007, 18:18	#1 (permalink)
wolverinejoe80 Senior Member Join Date: Jan 2006 Location: chicago Posts: 326	text question, help!! hey guys, kinda stuck, so i need your help! my client came up with this design http://www.jc-dc.net/misc/mockup.jpg -with a specific font called Din mittelshrift and Din neuzit grotesk and they want a large background image behind it and contents placed in the middle. so this is what i did sample my question is how do i get rid of the background behind texts? i wrote texts in the photoshop and brought them as a jpg. i tried with a transparent background and saved as a gif, but text breaks up. is there anyway i can write Din mittelshrift in my dreamweaver? what am i supposed to do? please help. thanks joe

22-03-2007, 11:52	#10 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,389	this link may help you to make a judgement call .... you'll just have to specify fall back font - for when your 1st or 2nd choice fonts aren't installed ... Code Style: Windows font survey results .... and explain the potential issues to your client. __________________ fuck signatures

22-03-2007, 12:29	#13 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,389	in your css file just use your desired fonts like this : font-family: arial, helvetica, verdana, sans-serif; __________________ fuck signatures

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

22-03-2007, 04:52	#2 (permalink)
.sleep Senior Member Join Date: Mar 2007 Location: california Posts: 281	you are either going to have to: A) use flash with a transparent bg for the whole site and have the huge photo be the html bg B) work with the gifs C) save as png and use a png hack for internet explorer. i've used the png hack on a few sites and it seems to work pretty well. i'm always afraid of using hacks though because if internet explorer gets updated, who knows what the hack will end up doing. if you just used the font in dreamweaver, anyone who doesn't have the correct fonts on their computer would get some sort of substitute, which would totally break your design.

22-03-2007, 05:54	#3 (permalink)
colorlab Webdesigner Join Date: Mar 2007 Location: Amsterdam Posts: 22	- Flash would be the prettiest solution. - PNG is the easiest solution. - GIF is the ugliest solution. Make your pick.

22-03-2007, 08:38	#4 (permalink)
wolverinejoe80 Senior Member Join Date: Jan 2006 Location: chicago Posts: 326	darn it!!

22-03-2007, 08:43	#5 (permalink)
tstephen Registered User Join Date: Apr 2006 Location: PE, Canada Posts: 10	why not find a font that is as close to the one that your client wants and use that? It would be much easier than trying to use flash or do anything else that has already been suggested.

22-03-2007, 09:12	#6 (permalink)
wolverinejoe80 Senior Member Join Date: Jan 2006 Location: chicago Posts: 326	they really like this fonts... well, i guess i'm gonna try flash. i haven't touched flash in years though.

22-03-2007, 09:14	#7 (permalink)
wolverinejoe80 Senior Member Join Date: Jan 2006 Location: chicago Posts: 326	i don't know anything about logotype.. so what would be similar to that font? any suggestions? they didn't like arial i used before.

22-03-2007, 10:25	#9 (permalink)
chazthetic Fucking Awesome Join Date: Feb 2007 Location: Orlando, Fl Posts: 513	most computers now come with helvetica preloaded, so specify that in your type settings. it's fairly close to that font and it's a decent compromise

22-03-2007, 12:06	#11 (permalink)
wolverinejoe80 Senior Member Join Date: Jan 2006 Location: chicago Posts: 326	thanks guys. now my client wants some flash beginning as well. i'll try all of them, and see what works best. man, i'm rusty on flash though. last time i used was back in 2000 with flash 5.

30-03-2007, 01:31	#15 (permalink)
solix hello Join Date: Mar 2007 Location: Holland Posts: 569	Try Tahoma, or Verdana, or Sans-Serif then..

30-03-2007, 03:04	#16 (permalink)
steveb 389 ppm and rising Join Date: Aug 2005 Location: Järvenpää, Finland Posts: 4,863	I'm not sure I understand your problem - do you want the text to be ON the background like in this example, or on a plain background? din

02-04-2007, 17:57	#17 (permalink)
Larixk Senior Member Join Date: Sep 2006 Location: Utrecht, Netherlands Posts: 1,024	Gotta love DIN! Web typography's a nightmare still. There are only about 10 fonts you can use making sure most users will see them if you use plain (x)html/css. Flash allows you to include fonts and anti-alias them well. But make sure you use Flash right (ie. with swf-object) so you don't exclude those without flash (like most search engines).

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)