【发布时间】：2014-03-13 15:57:42
【问题描述】：
我想使用字体作为我的按钮和 div 的图标，不幸的是字体渲染在浏览器之间并不一致，因此很难实现像素完美的大小。我想知道是否有可能以某种方式将字体指定为 div 的背景图像。
知道这是否可能吗？
【问题讨论】：
-
对于您需要的像素完美到常规 css 字体无法做到的东西.. 只需使用图片？
-
也许您可以使用该字体将文本渲染到画布中，从中获取图片作为 base64 png，然后将其设置为 DIV 的背景图像。但这是很多工作。除非这是绝对关键的，否则最好只使用图像。
-
"跨浏览器的渲染不一致"，主要是哪个浏览器？铬合金？如果是这样，请在其他人之前将
src声明为 svg 字体类型 -
@techfoobar：将文本渲染到画布中很可能会使用与在文档中渲染“普通”文本相同的机制，因此它会在浏览器之间显示相同的差异……跨度>
-
@CBroe - 是的。所以这是一个不可替代的选择。我想使用图像确实是最好的方法。
标签： javascript html css