CSS能以兩種不同的字體或顏色呈現文字兩次嗎？

的兩種字體，隆德里納固體和隆德里納陰影，被設計爲具有完全相同的指標並以這種方式一起使用。

有沒有辦法使用CSS來實現這種效果，而不需要將兩個文本拷貝到HTML中？（當然，我不想將文本的副本放入CSS中）

我沒有答案，但讓我說，這是一個非常酷的小提琴。 –

五text-shadow s是幾乎相同：

text-shadow: 0.03em 0.03em 0 black, -1.25px 0 0 black, 1.25px 0 0 black, 0 -1.25px 0 black, 0 1.25px 0 black;

_{是的，我知道這是一個矛盾。}

2012-09-13 02:05:46 Ryan

請注意（根據我以前的回答是downvoted？）CSS文字陰影是不符合IE版本10之前。 – Sepster

@Sepster：你的意思是「兼容」？ 'text-shadow'符合。這是不合規的IE瀏覽器。 – Ryan

是的，這正是我的意思，謝謝！ – Sepster

-1

如果您嘗試創建文本陰影，請檢查W3C: Css: text shadows。

雖然這些與不兼容的IE < 10不兼容。

2012-09-13 02:03:12 Sepster

如果本練習要解決IE遵從性問題，請告訴我，我將刪除此答案;-)（但也許在問題中明確說明這一點）。 – Sepster

誰可以對此進行投票，請解釋原因？我做錯什麼了嗎？ – Sepster

你可以嘗試使用：後以及使用時的內容屬性：

h1:after, h1 > span.shadow:after { 
    content: "Nashville hack day is November 11"; 
    font-size: 700%; 
}

和HTML可能是：

<body> 
    <h1><span class="shadow"></span></h1> 
</body>

我意識到這可能是麻煩，但至少你會只需要寫一次內容。

請參閱jsfiddle。

2012-09-13 02:07:05 bozdoz

+1; [你可以做到這一點，沒有額外的元素或明確的內容引用]（http://jsfiddle.net/ovfiddle/2mcxh/） - 不知道這是如何影響SEO雖然 –

@ o.v。你很興奮。 – bozdoz

@ o.v：我的+1給你們兩個。聰明。我也會對這個方法的SEO專家的意見感興趣。 – Sepster

回答