将HTML图标导出为PDF

Question

我有一个带有素材图标和字体真棒图标的网页。但是，当我尝试将HTML网站导出为PDF（使用Web工具，插件或适用于Mac的Adobe Acrobat DC）时，图标不会显示（它只显示图标的名称）。

我在index.html中包含了对这两组图标的css引用：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

如果那时我尝试在index.html中使用material.io图标，如下所示：

<i class="material-icons">translate</i>

结果是：

• 图标显示在浏览器中（好）。
• 一些用PDF导出HTML的工具可以处理它（但是，它们不允许我选择文本，所以我的PDF有点差）。
• 其他工具无法处理这些图标（如 Adobe Acrobat DC，允许在导出的PDF中选择文本）。在 上面的例子，它只是显示文本“翻译”而不是 与“翻译”相关联的图标。

有什么方法可以更改我的index.html或CSS文件或导出工具，以便在导出为PDF时显示图标？顺便说一下，使用font-awesome也是如此，不仅仅是材质图标。

非常感谢和亲切的问候。

Answer 1

您可以使用selenium / phantomJS获取HTML页面的屏幕截图并创建相同的pdf。

from selenium import webdriver
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

driver = webdriver.PhantomJS(desired_capabilities=dcap)
driver.get(url);