Incorrect font for the value text displayed in a text field

[taylorkaren]

Context

This comes from the 8/9/22 walkthrough session with Adam Whitlock (notes page).

Task Description

• Investigate why the correct font is NOT being used for the value text displayed in a text field.
• Something seems to be blocking styles from being loaded, so this is probably why it defaults back to Arial.
• Determine what the root problem is - Design System component (DTS) or VAFSC code (FLT) - and route ticket to the correct team to fix the problem.

Considerations

• ~This is working correctly for the demo burial form on staging, but is not working correctly for Adam’s form.~ I'm able to reproduce this bug on Staging - AK.
• Adam's form details:
  • This page uses the FullNameField component, but relies on the base TextField component.
    • Form code
  • Screenshot:
• Micah saw text fields looking OK, but telephone field not looking OK.
• Anish has replicated the problem: Text input - VA.gov DesignSystem - but not on Firefox!.
• Storybook says Arial.

Acceptance Criteria

• [ ] TBD based on diagnosis of the root problem.

[taylorkaren]

Find out if DST can confirm this issue.

[obliviga]

Instead of Arial, the rendered font should be one that is listed on the design system: https://design.va.gov/foundation/typography#fonts

[obliviga]

Per @bkjohnson's direction, I've created a new GitHub issue in DST so that this can be investigated further: https://github.com/department-of-veterans-affairs/vets-design-system-documentation/issues/1133