Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 字体是否可以作为div背景图像?_Javascript_Html_Css - Fatal编程技术网

Javascript 字体是否可以作为div背景图像?

Javascript 字体是否可以作为div背景图像?,javascript,html,css,Javascript,Html,Css,我想使用fontfaces作为按钮和div的图标,不幸的是fontfaces渲染在不同浏览器中不一致,因此很难实现像素完美大小。我想知道是否有可能以某种方式指定fontface作为div的背景图像 知道这是否可行吗?使用z-index和绝对定位。这个怎么样- 对于您需要的像素完美的东西,常规css字体无法做到。。只使用图片?也许你可以使用该字体将文本渲染到画布中,从中获取图片作为base64 png,然后将其设置为DIV的背景图像。但这需要大量的工作。除非这是绝对关键的,否则最好只使用图像。“渲

我想使用fontfaces作为按钮和div的图标,不幸的是fontfaces渲染在不同浏览器中不一致,因此很难实现像素完美大小。我想知道是否有可能以某种方式指定fontface作为div的背景图像


知道这是否可行吗?

使用
z-index
绝对定位。这个怎么样-


对于您需要的像素完美的东西,常规css字体无法做到。。只使用图片?也许你可以使用该字体将文本渲染到画布中,从中获取图片作为base64 png,然后将其设置为DIV的背景图像。但这需要大量的工作。除非这是绝对关键的,否则最好只使用图像。“渲染在不同浏览器之间不一致”,主要是哪个浏览器?铬?如果是,请在others@techfoobar:将文本呈现到画布中很可能使用与在文档中呈现“正常”文本相同的机制,因此它将在不同浏览器之间显示相同的差异…@CBroe-True。因此,这是一个非替代方案。我想使用图像确实是最好的方法。