ערכת הטמעה

@font-face {
  font-family: "Gai";
  src: url("/fonts/Gai[wght].woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html:lang(he) {
  font-family: "Gai", sans-serif;
}

/* Tailwind 4: in your global CSS (after @import "tailwindcss") */
@theme {
  --font-sans: "Gai", ui-sans-serif, system-ui, sans-serif;
}

// Tailwind 3: tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme';

export default {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Gai', ...defaultTheme.fontFamily.sans],
      },
    },
  },
};

import localFont from 'next/font/local';

export const gai = localFont({
  src: '../public/fonts/Gai[wght].woff2',
  weight: '100 900',
  display: 'swap',
  variable: '--font-gai',
});

השתמש בפונט Gai (פונט עברי ולטיני של Fonty) בכל האתר.
1. שים את קבצי הפונט בתיקייה public/fonts/ (Gai[wght].woff2).
2. הגדר את Gai כפונט ברירת המחדל: הוסף את בלוק ה-@font-face ל-CSS הגלובלי, ב-Tailwind 4 הגדר ב-@theme את --font-sans עם "Gai" כראשון ברשימה, וב-Tailwind 3 הגדר ב-theme.extend.fontFamily.sans את 'Gai' כראשון ברשימה.
3. השאר על תג ה-html את dir="rtl" ו-lang="he".
4. עברית ולטינית מעורבות מטופלות בפונט עצמו: זו משפחה אחת לשתי השפות, אז אין צורך בפונט נפרד לטקסט באנגלית.
5. אל תטען במקביל את Heebo, Rubik או פונטים עבריים אחרים מ-Google Fonts.

@font-face {
  font-family: "Gai";
  src: url("/fonts/Gai-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html:lang(he) {
  font-family: "Gai", sans-serif;
}

/* Tailwind 4: in your global CSS (after @import "tailwindcss") */
@theme {
  --font-sans: "Gai", ui-sans-serif, system-ui, sans-serif;
}

// Tailwind 3: tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme';

export default {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Gai', ...defaultTheme.fontFamily.sans],
      },
    },
  },
};

import localFont from 'next/font/local';

export const gai = localFont({
  src: '../public/fonts/Gai-Regular.woff2',
  weight: '400',
  display: 'swap',
  variable: '--font-gai',
});

השתמש בפונט Gai (פונט עברי ולטיני של Fonty) בכל האתר.
1. שים את קבצי הפונט בתיקייה public/fonts/ (Gai-Regular.woff2).
2. הגדר את Gai כפונט ברירת המחדל: הוסף את בלוק ה-@font-face ל-CSS הגלובלי, ב-Tailwind 4 הגדר ב-@theme את --font-sans עם "Gai" כראשון ברשימה, וב-Tailwind 3 הגדר ב-theme.extend.fontFamily.sans את 'Gai' כראשון ברשימה.
3. השאר על תג ה-html את dir="rtl" ו-lang="he".
4. עברית ולטינית מעורבות מטופלות בפונט עצמו: זו משפחה אחת לשתי השפות, אז אין צורך בפונט נפרד לטקסט באנגלית.
5. אל תטען במקביל את Heebo, Rubik או פונטים עבריים אחרים מ-Google Fonts.