I was supportive of this back then too, but am increasingly finding myself frustrated by the “hydration effect” when the web font downloads and characters expand (or contract) due to differences between the fonts. The thinking here was that it was better for performance to display the text as quickly as you can, even if it’s in the fallback font, and then to swap the font in when it finally downloads. However, beyond that it didn’t really solve the problem.Ī number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019. The font-display property for gave that choice to the web developer whereas previously the browser decided that (IE and Edge favored FOUT in the past, whereas the other browsers favored FOIT). Wasn’t font-display Supposed To Solve This? Neither option has really “won out” because neither is really satisfactory, to be honest. If you want to use web fonts your choices are basically Flash of Invisible Text (aka FOIT) where the text is hidden until the font downloads or Flash of Unstyled Text (FOUT) where you use the fallback system font initially and then upgrade it to the web font when it downloads. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.įont loading has long been a bugbear of web performance, and there really are no good choices here. ![]() Ben Crowder has written some tips for formatting poetry for ePub and Kindle formats, which discusses things like line numbers and hanging indents.Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Something I’ll admit I’ve no experience of. The only instance I’ve used something like this is when including code in a technical publication. Wrapping text in the … tags imparts a Courier-style fixed width font. I haven’t yet decided whether this is good idea or not – the downside is that the caption text is not searchable and it means the blind and visually impaired won’t know what the caption is. One workaround may be to add the caption in a photo editor onto the image. There is no way to prevent a caption being separated from the image it is under. This is quite easy for a normal webpage (you can use a tag called p+p), but unfortunately it doesn’t work on the Kindle – you have to do it manually. ![]() The important thing about indented paragraphs is that the very first paragraph should not be indented (a common error I’ve seen in eBooks). Also, especially on a Kindle, it’s a waste of what is a relatively small viewing area, meaning more page turns for the reader. The problem is that it distracts the eye by leading it to the end of the paragraph. ![]() Now, I do not like spaced paragraphs and it’s rare that you’ll see them used in print, for pieces of prose such as novels and biographies. ![]() There are really two options for separating paragraphs – indents and spaces. The instructions here represent a worse-case scenario where your conversion has carried over no formatting at all if you apply Styles & Formatting to paragraphs in your word processor, then a lot of this may not be necessary (or may just involve changing a few strings with find and replace). As you’ll now know, paragraphs in HTML are based around the … tags. Following on from my post on CSS styles for headings, I’ll now go through some options for paragraph styles.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |