fixes issue where italic fonts disappeared when printing to pdf (closes #230)

diff --git a/css/print/pdf.css b/css/print/pdf.css
index 02af691e9d8e61a63824540b4977ea54e20d52b6..7750657a9eda3342edeb13da7e8efc8739ab7876 100644 (file)
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -92,6 +92,7 @@ ul, ol, div, p {
        display: block;
 
        text-align: center;
+
        -webkit-perspective: none;
           -moz-perspective: none;
            -ms-perspective: none;
@@ -102,8 +103,10 @@ ul, ol, div, p {
            -ms-perspective-origin: 50% 50%;
                perspective-origin: 50% 50%;
 }
-.reveal .slides>section, .reveal .slides>section>section {
-       
+.reveal .slides section {
+
+       page-break-after: always !important; 
+
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
@@ -112,8 +115,8 @@ ul, ol, div, p {
        display: block !important;
        overflow: visible !important;
 
-       left: 0% !important;
-       top: 0% !important;
+       left: 0 !important;
+       top: 0 !important;
        margin-left: 0px !important;
        margin-top: 50px !important;
        padding: 20px 0px !important;
@@ -130,10 +133,6 @@ ul, ol, div, p {
            -ms-transform: none !important;
                transform: none !important;
 }
-.reveal section {
-       page-break-after: always !important; 
-       display: block !important;
-}
 .reveal section.stack {
        margin: 0px !important;
        padding: 0px !important;
@@ -155,7 +154,6 @@ ul, ol, div, p {
        overflow: visible;
        line-height: 1em;
 }
-
 .reveal small a {
        font-size: 16pt !important;
 }

diff --git a/css/reveal.css b/css/reveal.css
index 7879bb67552d9e23b404d312c1a67f4c5813e30d..d2d97796a25355ad1e306875bea915f4996d1095 100644 (file)
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -169,8 +169,14 @@ body {
  * DEFAULT ELEMENT STYLES
  *********************************************/
 
+/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
+.reveal:after {
+  content: '';
+  font-style: italic;
+}
+
+/* Preserve aspect ratio and scale image so it's bound within the section */
 .reveal img {
-       /* preserve aspect ratio and scale image so it's bound within the section */
        max-width: 100%;
        max-height: 100%;
 }