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

[سیدرضا بازیار]

سلام

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

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

<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>

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

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

<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>

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

[ghasemy50]

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

[سیدرضا بازیار]

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

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

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

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