From 8e79f8592ac2374e4a68e69b77bd142f66f118a9 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sat, 10 Nov 2012 20:09:12 -0500
Subject: [PATCH] fixes issue where italic fonts disappeared when printing to
pdf (closes #230)
---
css/print/pdf.css | 16 +++++++---------
css/reveal.css | 8 +++++++-
2 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 02af691..7750657 100644
--- 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 7879bb6..d2d9779 100644
--- 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%;
}
--
GitLab