MobileRead Forums - View Single Post

GrannyGrump · 12-31-2015, 01:22 AM

Hi Alex
(I'm slow, I will get something to you later today, I promise!)

Re: the extending red. Font glyphs usually have a built-in "white space" above and below the character (supposed to keep them from overlapping lines above and below.)
I usually use small top and bottom margins (often negative margins) on my drop caps to adjust the vertical alignment and keep the glyph itself from overlapping the line below it. But if you will be using a colored background as part of the actual design, not just as a test, you will have to add a bottom margin for sure and tweak it until the line below is blocked from overlapping. If it is just a test, and no color on the final product, I believe you can ignore that overlap of the background, as long as the glyph itself doesn't overlap the text below.

EDIT TO ADD ---If you are feeling really compulsive, you can open your drop-cap font in a font editor, and see if you can reduce the amount of the "ascender" and "descender" allowance to make a smaller "background" - but the settings are global for the font, and you have to remember not to cut off the edges of any of the glyphs.

To keep the three lines that adjoin the cap from wrapping, I think you will have to use CSS attribute white-space: nowrap. (see W3 page on white-space properties: http://www.w3schools.com/cssref/pr_text_white-space.asp) Then they won't wrap at all, but they might run off the right side of the screen, and the user would have to pan or scroll to read them in their entirety.

Have you looked at this thread? https://www.mobileread.com/forums/sho...d.php?t=229512
Check Jellby's post # 25, where he explains his solution (Jungle Books poetry with drop caps).

12-31-2015, 01:22 AM	#13
GrannyGrump Obsessively Dedicated... Posts: 3,235 Karma: 35158061 Join Date: May 2011 Location: PA {back in the usa!} Device: Sony PRS-T2, ADE on PC	Hi Alex (I'm slow, I will get something to you later today, I promise!) Re: the extending red. Font glyphs usually have a built-in "white space" above and below the character (supposed to keep them from overlapping lines above and below.) I usually use small top and bottom margins (often negative margins) on my drop caps to adjust the vertical alignment and keep the glyph itself from overlapping the line below it. But if you will be using a colored background as part of the actual design, not just as a test, you will have to add a bottom margin for sure and tweak it until the line below is blocked from overlapping. If it is just a test, and no color on the final product, I believe you can ignore that overlap of the background, as long as the glyph itself doesn't overlap the text below. EDIT TO ADD ---If you are feeling really compulsive, you can open your drop-cap font in a font editor, and see if you can reduce the amount of the "ascender" and "descender" allowance to make a smaller "background" - but the settings are global for the font, and you have to remember not to cut off the edges of any of the glyphs. To keep the three lines that adjoin the cap from wrapping, I think you will have to use CSS attribute white-space: nowrap. (see W3 page on white-space properties: http://www.w3schools.com/cssref/pr_text_white-space.asp) Then they won't wrap at all, but they might run off the right side of the screen, and the user would have to pan or scroll to read them in their entirety. Have you looked at this thread? https://www.mobileread.com/forums/sho...d.php?t=229512 Check Jellby's post # 25, where he explains his solution (Jungle Books poetry with drop caps). Last edited by GrannyGrump; 12-31-2015 at 03:50 AM.