Skip to content

Increase global email font size to 16px#6736

Merged
aduth merged 1 commit intomainfrom
aduth-email-font-size
Aug 16, 2022
Merged

Increase global email font size to 16px#6736
aduth merged 1 commit intomainfrom
aduth-email-font-size

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented Aug 12, 2022

Why:

  • Consistency between application and email typography
  • Avoid ad-hoc overrides in specific email templates (see included IPP template simplifications)
  • Reduce confusion on "lead" paragraph styling (TIL the first paragraph(s?) of an email will be 16.25px because it's a "lead" paragraph?)
  • Improve accessibility by using a recommended comfortable baseline size (see related resource)

Screenshots:

(This is just an example of one email template affected, but this adjustment will apply to all messages sent. I can make these changes available in my personal sandbox if that's an easier way to test real-world impact)

Before After
image image

**Why**:

- Consistency between application and email typography
- Avoid ad-hoc overrides in specific email templates (see included IPP template simplifications)
- Reduce confusion on "lead" paragraph styling (TIL the first paragraph of an email will be 16.25px because it's a "lead" paragraph?)
- Improve accessibility by using a recommended comfortable baseline size (see https://accessibility.digital.gov/visual-design/typography/)

changelog: Improvements, Email, Align email content appearance with application typography
Copy link
Contributor

@anniehirshman-gsa anniehirshman-gsa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great thank you! 👍

I could see an argument for the content at the bottom of the email being smaller... but in that case, it would still be helpful to have the default font size larger. We can address that as it comes up in the future

@aduth aduth merged commit 7adaaef into main Aug 16, 2022
@aduth aduth deleted the aduth-email-font-size branch August 16, 2022 20:28
aduth added a commit that referenced this pull request Sep 16, 2022
**Why**: So that the Process List as displayed in email messages is consistent with the design system reference implementation.

It's assumed this is a side-effect of the revisions in #6736, where an increase in default email line-height of 1.3 to 1.5 caused an offset of the appearance of the text of the list item number. Explicitly assigning the line-height ensures correct math.

changelog: Bug Fixes, Email Templates, Improve appearance of Process List in email template
aduth added a commit that referenced this pull request Sep 16, 2022
**Why**: So that the Process List as displayed in email messages is consistent with the design system reference implementation.

It's assumed this is a side-effect of the revisions in #6736, where an increase in default email line-height of 1.3 to 1.5 caused an offset of the appearance of the text of the list item number. Explicitly assigning the line-height ensures correct math.

changelog: Bug Fixes, Email Templates, Improve appearance of Process List in email template
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants