Spacing between lines of text

  • Resolved angiebordeaux

    (@angiebordeaux)


    7 years, 11 months ago

    Hello. I love this plug-in! I am, however, having an issue I hope you can help me with.

    I’m finding that some areas of font on my website get “squished” when the “Toggle font size” button is selected. The spacing in between rows makes the text very difficult to read which defeats the purpose. Is there something I need to do to prevent that from happening?

    Here is a page with an example of what I am referring to:
    http://agefriendly.community/afc/
    You can see the issue in the paragraph beginning with “no communities are alike…” when the font size button is selected.

    Thanks for your help.

    https://wordpress.org/plugins/wp-accessibility/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    7 years, 11 months ago

    In CSS, the space between lines of text is specified using the ‘line-height’ attribute. Best practice for this is to use a unitless value: e.g., line-height: 1.6;, meaning that the line height will be 1.6 times the height of the font.

    If, instead, the CSS specifies a fixed unit, such as pixels: line-height: 16px, then the space between lines doesn’t change when the font size changes. Since that distance represents the distance from the baseline of one line of text to the next baseline, this causes the two lines of text to overlap when the font size is changed.

    To make a long story shorter, this means you’ll need to look in your theme to see how the line-height is specified. Anything that’s specified in pixels should be changed.

    Thread Starter angiebordeaux

    (@angiebordeaux)

    7 years, 10 months ago

    Thank you so much! This completely fixed the issue. You are awesome!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Spacing between lines of text’ is closed to new replies.