MobileRead Forums - View Single Post - How/what do I edit in this to fix the appearance on my device?

DNSB · 09-21-2026, 09:34 PM

You could try the following:

Code:

.dropcap {
  float: left;
  font-size: 2.5em;
  line-height: 1.5;
  margin-bottom: -0.4em;
  margin-right: 0.05em;
  margin-top: -0.35em;
}

Though as mentioned, dropcaps are a total PITA. You can make them look good on one device/app and they will need adjustment for another device/app.

My current choice for most purposes if someone insists on dropcaps is:

Code:

.dropcap {
  font-size: 1.5em;
  margin-top: -0.09em;
}

which is a pretty minimal dropcap.

09-21-2026, 09:34 PM	#9
DNSB Bibliophagist Posts: 55,505 Karma: 182544230 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	You could try the following: Code: .dropcap { float: left; font-size: 2.5em; line-height: 1.5; margin-bottom: -0.4em; margin-right: 0.05em; margin-top: -0.35em; } Though as mentioned, dropcaps are a total PITA. You can make them look good on one device/app and they will need adjustment for another device/app. My current choice for most purposes if someone insists on dropcaps is: Code: .dropcap { font-size: 1.5em; margin-top: -0.09em; } which is a pretty minimal dropcap. Last edited by DNSB; 09-21-2026 at 09:37 PM.