2025.5.17

🐞 Fixed

• Bold text wasn’t sticking. Previously, all OpenDyslexic faces were declared as font-weight: 400, so <b>/<strong> tags couldn’t load the bold face—everything looked the same weight.
• Bold-Italic mix-up. The “bold-italic” class was still pointing at the non-italic bold file, so true italics + bold never showed up together.

✨ Enhancements

• Unified font family: All four font files now live under a single OpenDyslexic family with proper font-weight (400 & 700) and font-style (normal & italic) settings. The browser will auto-select the right face when you toggle bold or italic.
• Cross-platform support:
  • Added font-display: swap to avoid invisible text during load
  • Included local() fallbacks so installed fonts are reused
  • System-font fallback stack (Arial, sans-serif) for extra safety
  • Font-smoothing hints (-webkit-font-smoothing, -moz-osx-font-smoothing) for crisper rendering on macOS/WebKit
• Selective overrides:
  • Excluded <b>/<strong> from the universal “force-400” rule so native bold works by default
  • Added an “undo” override in the regular context (font-weight: 700 !important inside <b>/<strong>)
  • In Bold/Bold-Italic modes, <b>/<strong> now escalate to font-weight: 900 (or bolder) for that extra pop.

🔧 CSS Cleanup

• Merged duplicate :root and body blocks to DRY up the code
• Preserved zebra-striping (nth-child(even)) and hover effects exactly as before