HTML 保存到 PDF 会丢失锚标记

问题描述 投票：0回答：2

我使用自己的样式创建了一个 HTML 页面。我还自定义了引导程序以删除下载中的印刷媒体样式。然而，我仍然在保存的 PDF 中丢失了锚标记，就好像 

href
属性不存在一样，没有可跟踪的链接。我尝试在 Chrome、Firefox 和 Opera 中将 HTML 保存为 PDF，但均无效。

非常感谢任何建议。

编辑 这是部分代码。

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="cv-style.css" type="text/css" media="all"/>
   
    <link rel="stylesheet" href="assets/libs/bootstrap-no-print-media/css/bootstrap.min.css"
          media="all">
    <link rel="stylesheet" href="assets/libs/font-awesome-4.6.3/css/font-awesome.min.css" media="all">

</head>

<body class="container">
<header id="name">
    <h1 id="my-name">Sime Habtu</h1>
    <article>
        <div id="online">            
            <a href="http://stackoverflow.com/users/3597111/sime" target="rss"><i class="fa fa-stack-overflow fa-lg"></i></a>            
        </div>
    </article>
</header>
</body>

因此，当我将此代码的结果保存到 PDF 时，我得到了样式和内容，但链接不存在。此处的 stackoverflow 图标不会与嵌入的链接一起打印。

html pdf browser
2个回答
0
投票

我终于弄清楚为什么链接不起作用了。希望有人会觉得这有帮助。 事实证明，问题是由使用 CSS 中的 

@import
添加的 google 字体引起的。当通过在 HTML 文件中链接谷歌字体来使用它们时，锚标记正在处理转换后的 PDF 文件。

0
投票

对我来说，一旦我从 HTML 中删除了 google fonts 链接，这些链接就开始工作了。就我而言，我包含了 Roboto 字体。我删除了这一行，锚标签开始工作：

<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.