jquery - 文本效果 - 图像到 css/jQuery

Question

我正在尝试在 jquery 或 css 中复制此文本，但到目前为止还不能。任何人都有任何想法，因为我刚出局:

Text-Color: 4F4F4F
Shadow-Color: E7EAEE

Answer 1

您是否尝试过制作一个 jQuery 函数来读取日期并定位相应的图像？

文本替换是在网络上获取自定义字体的唯一“安全”方式。一些网站提供奇怪的变通方法，它们有您可以使用的字体 - 但您必须付费，而且它们的大多数字体看起来都很糟糕。

我为此 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'
          });

我想警告您，滥用此系统会导致可怕的加载时间。我说现在坚持使用通用字体并且非常谨慎地使用它。我被迫过度使用它，而最终为它付费的人是用户。