style: Fix dropcaps for Fontin

1 files changed, 15 insertions, 7 deletions

diff --git a/src/style.css b/src/style.css
index 55f7d45..7675757 100644
--- a/src/style.css
+++ b/src/style.css
@@ -84,20 +84,28 @@ header h1 {
 .entry > p:first-of-type:first-letter {
 	float: left;
 	color: #903;
-	font-size: 2.8rem;
+	font-size: 42px;
 	line-height: 2rem;
-	padding-top: 0.4rem;
-	padding-right: 0.4rem;
-	padding-left: 0.1rem;
-	font-family: 'Georgia';
+	padding-top: 0.22rem;
+	padding-right: 0.2rem;
+	padding-bottom: 0;
+	font-family: 'Fontin';
 }
 @media (max-width: 767px) {
 	.entry > p:first-of-type:first-letter {
-		padding-top: 0.3rem;
+		padding-top: 0.2rem;
 		padding-right: 0.2rem;
-		font-size: 2.7rem;
+		font-size: 2.5rem;
 	}
 }
+/* Firefox-specific hack to make spacing work properly */
+@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
+	.entry > p:first-of-type:first-letter {
+		font-size: 44px;
+		padding-top: 0.3rem;
+	}
+}
+
 
 blockquote {
 	position:relative;