קובץ ניסיון

/* Trial: for mockups and client presentations only, not for live sites. */
@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gai Trial";
  src: url("/fonts/Gai Trial-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

import localFont from 'next/font/local';

export const gai = localFont({
  src: [
    { path: '../public/fonts/Gai Trial-Thin.otf', weight: '100', style: 'normal' },
    { path: '../public/fonts/Gai Trial-ExtraLight.otf', weight: '200', style: 'normal' },
    { path: '../public/fonts/Gai Trial-Light.otf', weight: '300', style: 'normal' },
    { path: '../public/fonts/Gai Trial-Regular.otf', weight: '400', style: 'normal' },
    { path: '../public/fonts/Gai Trial-Medium.otf', weight: '500', style: 'normal' },
    { path: '../public/fonts/Gai Trial-SemiBold.otf', weight: '600', style: 'normal' },
    { path: '../public/fonts/Gai Trial-Bold.otf', weight: '700', style: 'normal' },
    { path: '../public/fonts/Gai Trial-ExtraBold.otf', weight: '800', style: 'normal' },
    { path: '../public/fonts/Gai Trial-Black.otf', weight: '900', style: 'normal' },
  ],
  display: 'swap',
  variable: '--font-gai',
});

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