/* Regular */
@font-face {
  font-family: "JF Flat";
  src:
    url("/fonts/JF-Flat-Regular.woff2") format("woff2"),
    url("/fonts/JF-Flat-Regular.woff") format("woff"),
    url("/fonts/JF-Flat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* If you really want to limit by script, include Arabic ranges too:
     unicode-range: 
       U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
       U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
       U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
  */
}

/* Bold */
@font-face {
  font-family: "JF Flat";
  src:
    url("/fonts/JF-Flat-Bold.woff2") format("woff2"),
    url("/fonts/JF-Flat-Bold.woff") format("woff"),
    url("/fonts/JF-Flat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "JF Flat", "Tahoma", "Segoe UI", Arial, sans-serif;
  text-align: center;
}

h1 { font-weight: 700; }
h2 { font-weight: 400; }