2010-09-06 47 views
2

我正在开发一个3D网站(我的意思是你用3D眼镜浏览网页),我对文本感到沮丧。真正的3D网络字体类型

文本标题也应该是3D格式,但我找不到任何3D字体类型。

一个解决方案可能会使设计者过载,并将这些文本创建为图像,但这会非常昂贵并带来国际化问题。

有什么想法?

在此先感谢。

+1

有趣的问题,但在这种情况下*是什么* 3D字体类型?它有什么特点?我不明白。 – 2010-09-06 08:20:08

+0

@皮卡 - 我假设一个字体的字符有“真实”的深度。 – ChrisF 2010-09-06 08:21:34

+0

这是一个真正的3D文本的例子。 http://uncyclopedia.wikia.com/wiki/Talk:3D_glasses#3D_text_using_CSS。不幸的是,如果你检查文本,你会发现它有点棘手。 – carles 2010-09-06 08:27:52

回答

0

我认为最有吸引力的解决方案是使用服务器端脚本语言或jQuery来自动应用百科全书链接中显示的效果到任意内容。我收集它的本质是这样的:

<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> 

如果您不需要支持非JavaScript客户端,一个jQuery的解决方案将是可取的,因为文本内容将继续被搜索引擎适当可转位,并通过读取屏幕阅读器。此外,你可以有一个“打开/关闭3D”开关。

+0

好的解决方案,但我更喜欢一个CSS字体类型。 3D/2D开关已经存在。我正在考虑开发一个服务器端函数,根据用户设置,给定一个字符串,返回一个处理过的3D/2D文本,但客户端解决方案似乎更好。我会努力的,谢谢。 – carles 2010-09-06 08:56:37