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樣式不包括

回答

相關問題