True 3D web font type

Question

Hi friends,

I'm developing a 3D website (I mean you navigate the web with 3d glasses) and I'm getting frustrated with the texts.

Text headers should be in 3D too, but I can't find any 3d font type.

One solution could be overload the designer and create this texts as images, but it would be very expensive and bring internationalization problems.

Any idea?

Thanks in advance.

Answer 1

I think the most attractive solution would be using either a server-side scripting language or jQuery to automatically apply the effect shown in the uncyclopedia link to arbitrary content. I gather the essence of it is this:

<div style="position:relative;letter-spacing:2px;"> 
<p style="position:absolute;left:-2px;color:#f00;width:100%;">Text</p> 
<p style="position:absolute;left:2px;color:#0ff;width:100%;">Text</p> 
<p style="position:absolute;left:0px;color:#000;width:100%;">Text</p> 
<p style="visibility:hidden;">Text</p> 
</div> 

If you don't need to support non-Javascript clients, a jQuery solution would be preferable because the text content would remain properly indexable by search engines, and readable by screen readers. Also, you could have a "Turn 3D on / off" switch.