文字效果 - 圖像到CSS/jQuery

Question

我想在jQuery或css中複製此文本，但到目前爲止還沒有能夠。任何人有任何的想法，因爲我剛從：

Text-Color: 4F4F4F 
Shadow-Color: E7EAEE 

Answer 1

你的CSS應該是這樣的：

color: #4f4f4f; 
text-shadow: #e7eaee 2px -2px 2px; 

的文字陰影參數是<color> <x-coordinate> <y-coordinate> <blur>

您可能需要反覆折騰的座標和模糊半徑，實現你追求的效果。

Answer 2

您是否嘗試過做一個jQuery的功能，將讀取的日期和定位相應的圖像？

文本替換是在Web上獲取自定義字體的唯一「安全」方式。 有些網站提供奇怪的工作環境，他們有字體，你可以使用 - 但你必須支付，他們的大部分字體看起來很糟糕。

我在這個site的jQuery中創建了一個文本到圖像的替換腳本，因爲客戶端一直在推動所有自定義字體。 （是的，我知道它的預載很長，但整個網站是或多或少的圖像：c）。

下面是從鏈接部分的腳本樣本：

//replacing all links with coresponding images 
     $('#nav li a').each(function() { 
      //this "reads" the text and saves it into a variable simply named string (a bit faux-paux…) 
      string = $(this).text(); 

      //this gets the filename out of the link text 
      filename = string.toLowerCase().replace(/ /g, '-').replace(/([^0-9a-z-])/g,'');    

      //this puts an image into the li anchor tag over the text 
      $(this).html('<img src="images/link-' + filename + '.png" />'); 
      $('#nav li a').css({ 
      'position' : 'relative', 
      'top' : '-20px' 
      }); 

我想提醒你，你的系統的濫用會導致可怕的加載時間。 我說現在堅持使用通用字體，並使用這個令人難以置信的節省。我被迫過度使用它，而用戶是最終付費的人。