Hebrew Tailwind Preset

Instructions

Step 1: Configure Tailwind v4 for RTL

See references/rtl-config.md for complete configuration reference.

Load Hebrew fonts with font-display: swap (via a Google Fonts <link> in index.html or an @font-face rule) to avoid a Flash of Invisible Text while the Hebrew font file loads.

Tailwind v4 (CSS-first configuration):

/* app.css */
@import "tailwindcss";

@theme {
  /* Hebrew font stacks */
  --font-hebrew: 'Heebo', 'Assistant', 'Noto Sans Hebrew', sans-serif;
  --font-hebrew-serif: 'Frank Ruhl Libre', 'David Libre', serif;