为何FontAwesome图标无法导出至PDF或Word文件?求解决方案
FontAwesome v4图标导出PDF/Word显示问题的解决方法
替换为SVG图标
直接从FontAwesome v4图标库下载对应图标的SVG文件,替换页面里的字体图标引用。SVG是矢量格式,不管是复制粘贴到Word,还是导出PDF,都能正常显示,不会丢失。如果之前是用CSS类调用的图标,把SVG代码直接嵌入HTML里就行,导出工具能直接识别。转成图片格式使用
把浏览器里显示的图标截图存成PNG(优先选PNG,支持透明背景),替换页面里的字体图标,或者直接把图片粘到Word/PDF里。要是觉得截图模糊,也可以用工具把FontAwesome图标转成图片,适合图标数量不多的场景。调整导出工具的设置
用浏览器自带的「打印到PDF」功能时,在打印设置里勾选背景图形,不少浏览器需要开这个选项才能渲染字体图标。
往Word里粘的时候,别直接Ctrl+C/V,先把页面存成HTML文件,再用Word打开这个HTML文件——Word打开HTML时会自动加载关联的FontAwesome字体,图标就能正常显示了。内嵌字体到文档
导出PDF时,用Chrome打印PDF、Wkhtmltopdf这类支持字体内嵌的工具,确保FontAwesome v4字体被内嵌到PDF里,大部分工具默认会做这件事,要是没生效,检查下工具的字体嵌入设置。
针对Word的话,先把FontAwesome v4字体安装到系统里,这样Word识别图标字符时能调用本地字体渲染,复制粘贴就不会缺图标了。
内容的提问来源于stack exchange,提问作者Ian McKinnon
相关产品推荐
相关产品推荐

