Question

我创建了一个带有自己样式的HTML页面。我还自定义了bootstrap以删除下载中的打印介质样式。然而，我仍然丢失了保存的PDF中的锚标记，就好像href属性不存在一样，没有要关注的链接。我试图将Chrome中的HTML保存为PDF，Firefox和Opera都无法正常工作。

非常感谢任何建议。

修改这是代码的一部分。

＆＃13;

<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>

＆＃13;

所以在这里，当我将此代码的结果保存为PDF时，我得到了样式和内容，但链接不在那里。此处的stackoverflow图标不会使用嵌入的链接进行打印。

Answer 1

我终于找到了链接无法正常工作的原因。希望有人会觉得这很有帮助。事实证明，问题是由使用CSS中的@import添加的Google字体引起的。当通过在HTML文件中链接谷歌字体来使用谷歌字体时，锚标签正在处理转换后的PDF文件。

HTML保存为PDF会丢失锚标记

1 个答案: