@font-face {
  font-family: "HacenLiner";
  /* مهم جدًا: في مشروعك اسم الملف داخل fonts هو HacenLiner.TTF (بحروف كبيرة) */
  src: url("../fonts/HacenLiner.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* طبّق الخط على كل شيء في RTL لكن استثنِ أيقونات TIO */
html[dir="rtl"] body,
html[dir="rtl"] body *:not([class^="tio-"]):not([class*=" tio-"]) {
  font-family: "HacenLiner", sans-serif !important;
}

/* رجّع خط الأيقونات */
html[dir="rtl"] [class^="tio-"],
html[dir="rtl"] [class*=" tio-"] {
  font-family: "The-Icon-of" !important;
}