/* ============ کد اصلاح شده ============ */

@font-face {
    font-family: 'RoadgeekFont';
    /* ✅ اصلاح شد: فاصله قبل از '../' حذف شد
       آدرس صحیح: ../font/roadgeek.ttf
    */
    src: url('../font/roadgeek.ttf') format('truetype');
}

.road-arrow {
    /* استفاده از نام فونتی که در بالا تعریف کردید */
    font-family: 'RoadgeekFont', sans-serif;
    font-size: 40px;
    
    /* رنگ سفید خالص و کاملاً واضح */
    fill: #ffffff;
    opacity: 1;

    /* کمی ضخامت برای وضوح بیشتر */
    font-weight: bold;
    
    /* تراز کردن فلش دقیقاً در مرکز مختصات x و y */
    text-anchor: middle;
    dominant-baseline: middle;
    alignment-baseline: middle;
}