| Weight | Font Name | |--------|------------| | UltraLight | HelveticaNeue-UltraLight | | Thin | HelveticaNeue-Thin | | Light | HelveticaNeue-Light | | Regular | HelveticaNeue | | Medium | HelveticaNeue-Medium | | Bold | HelveticaNeue-Bold | | Heavy | HelveticaNeue-Heavy | | Black | HelveticaNeue-Black |

| Problem | Solution | |---------|----------| | Poor legibility at small sizes (<12 pt) | Increase size or switch to San Francisco. | | Overly tight letter spacing | Never apply negative tracking to body text. | | Light weights on non-Retina screens | Use Regular or Medium instead. | | Missing “Helvetica Neue” on Windows/Linux | Provide Helvetica, Arial, or system-ui fallbacks. | 7. Example CSS Reset (Apple‑inspired legacy) /* For an iOS 7–style web view */ .apple-helvetica-neue font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;

.title-large font-weight: 300; /* UltraLight or Thin */ font-size: 34px; letter-spacing: -0.01em;

body font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;