保存为PDF的HTML会丢失锚标记



我用自己的样式创建了一个HTML页面。我还定制了bootstrap来删除下载中的打印媒体样式。然而,我仍然丢失了保存的PDF中的锚标记,就好像href属性不存在一样,没有链接可以遵循。我试着在Chrome中将HTML保存为PDF, Firefox和Opera都不工作。

任何建议都非常感谢。

编辑下面是部分代码:

<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图标不会打印嵌入的链接。

我终于明白为什么链接不工作了。希望有人会发现这有帮助。事实证明,问题是由使用@import在CSS中添加的谷歌字体引起的。当在HTML文件中链接google字体时,锚标记在转换后的PDF文件上工作。

最新更新