دلیل اجرا نشدن فونت سایت چیست؟

سلام

من توی فونت تخصصی ندارم و یه سوال برام پیش اومده

من فونت وزیر رو روی هاست گذاشتم و با کد زیر اجرا کردم:

کد HTML:

---

<style>
@font-face {
    font-family: 'Vazir';
    src: url('https://www.*****.com/fonts/Vazir.eot?#') format('eot'), url('https://www.*****.com/fonts/Vazir.woff') format('woff'), url('https://www.*****.com/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
p.a {
  font-family: 'Vazir', Times, serif;
}

</style>
<p class="a">تست فونت</p>

---

اما کار نمیکنه!

در حالی که دقیقا همین فونت روی بلاگفا اجرا میشه

کد HTML:

---

<style>
@font-face {
    font-family: 'Vazir';
    src: url('https://***.com/static/fonts/Vazir.eot?#') format('eot'), url('https://***.com/static/fonts/Vazir.woff') format('woff'), url('https://***.com/static/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
p.a {
  font-family: 'Vazir', Times, serif;
}
</style>
<p class="a">تست فونت</p>

---

دلیل اینکه این فونت روی بلاگفا اجرا میشه اما روی سرور خودم اجرا نمیشه چیه؟

سلام جناب بازیار
وقت بخیر
با تست بنده خطای Cross Origin دریافت میشه که طبیعی هست. بدین علت هست که فایل فونت ها داره از ادرس خارجی لود میشه.
بنده فایل ها رو لوکال لود کردم و مشکل رفع شد.
موفق باشید.

نقل قول:

---

نوشته اصلی توسط ghasemy50

سلام جناب بازیار
وقت بخیر
با تست بنده خطای Cross Origin دریافت میشه که طبیعی هست. بدین علت هست که فایل فونت ها داره از ادرس خارجی لود میشه.
بنده فایل ها رو لوکال لود کردم و مشکل رفع شد.
موفق باشید.

---

ممنون از راهنمایی خوب شما

درسته. به دلیل همین خطا بود و با قرار دادن کد زیر در .htaccess مشکل رفع شد

کد HTML:

---

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

---