Jquery PrintMe插件CSS样式不包括

我试图用PrintMe插件打印我的div。除了包含CSS外，一切都很完美..Jquery PrintMe插件CSS样式不包括

下面是使用的链接。

及以下是我在我的index.php代码。

$("#print").click(function(){ 
    $("#articleonly").printMe({ "path": ["ArticleStyle.css"] }); 
});

ArticleStyle.css与index.php文件位于同一目录。

Css文件代码如下。

.print_en { 
    font-family: 'EB Garamond', serif; 
    font-size: 18px; 
} 
.print_ko { 
    font-family: 'KoPub Batang', serif; 
    font-size: 17px; 
    line-height: 1.8; 
    letter-spacing: -1px; 
    font-weight: 100; 
} 
#article_title { 
    text-indent: 5px; 
}

我想也许我必须在CSS中导入Web字体，但其他属性似乎无法正常工作。

而下面是我试图用CSS打印的div。

<div id="articleonly" class="print_<?php echo $lang; ?>"> 
    <?php 
    //Title 
    echo "<h1 id='article_title'>".htmlspecialchars($article["$title"])."</h1>"; 
    //Contents 
    echo $article["$contents"]."</br>"; 
    //Author 
    // echo "Author :".$article["name"]; 
    ?> 
</div>

p.s.我试着把./和/放在路径上并从路径上下车[ 甚至尝试修改printme.js文件以直接加载css文件。

如果有人能帮忙，我会永远在你的债务！

来源

2017-09-19 Peter Kim

你能告诉我们'printMe'的代码吗？ –

你的意思是最初的PrintMe代码？下面是该链接。 https://github.com/menusal/printMe/blob/master/jquery-printme.js –

您可以尝试给出ArticleStyle.css的绝对路径而不是相对路径。

$("#print").click(function(){ 
    $("#articleonly").printMe({ "path": ["http://absolute-path/ArticleStyle.css"] }); 
});

将绝对路径替换为css的路径。

来源

2017-09-19 12:02:01 Bimal

谢谢您的回答，我尝试过，但似乎问题是与Web字体。打印时可能不会应用Web字体？ –

@PeterKim你需要使用font-face来使用新的字体。你可以按照这个链接：http://www.miltonbayer.com/font-face/ – Bimal

Jquery PrintMe插件CSS样式不包括

回答

相关问题