html - 用Sass自动生成文字图片和对应的CSS？

Question

tl;dr:目前 Sass 是否有类似的功能，将 ImageMagick 生成的图像放入图像文件夹并自动指定其宽度和高度？

h2.anthony {
    /* image replacement CSS here */
    @magick-image: "convert -fill blue -font Candice -pointsize 72 label:Anthony header-anthony.png";
}

(ImageMagick 命令基于此示例:http://www.imagemagick.org/Usage/text/#label)

生成的 CSS:

h2.anthony {
    /* image replacement CSS here */
    background: url(img/header-anthony.png) no-repeat;
    width: 275px;
    height: 79px;
}

我必须使用图像而不是网络字体、Cufon、sIFR 等，因为网站是中文的，中文字体很大。

背景故事:

我在一个新网站上工作，许多页面中有很多文本，它们的标题文本应以特定字体显示并具有渐变效果。

现在，即使我使用 CSS sprites 并将具有所需效果的所有标题文本放入同一图像中，我仍然必须测量每行的宽度并将其手动输入到我的样式表中。随着页面的添加或删除或最长文本行的长度发生变化，它会变得更加麻烦。

我正在寻找自动化的方法。我已经想出如何使用 ImageMagick 重新创建效果，因此我可以使用一个命令生成每个标题图像，但我仍然必须自己测量图像的宽度。

Answer 1

恰好有一个 Compass 扩展可以让您使用 ImageMagick。我从未使用过它，但它看起来很有趣。

https://github.com/StanAngeloff/compass-magick