2010-09-06 122 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