Typography

Typography generally follows VA.gov’s guidance with some adjustments.

• The mobile app doesn’t use CSS pixel measurements to define font sizes. Instead, we use points (PT) on iOS and density-independent pixels (DP) on Android. This allows our fonts to scale appropriately for all screen densities across devices. Below are resources that describe this in more detail:
  • Guidance from W3C
  • Fonts in mobile apps for developers
  • Mobile design 101: pixels, points and resolutions
• With native and OS specific components, we utilize OS defined typography.

Front-end

To support the common usage of colors for each font style, defaults colors have been set for each type of font under src/styles/themes/standardTheme.ts(See buildTypography function). Colors for each font style are based on the Design Tokens - Design Library file.