افزودن فونت به لاراول
سلام دوستان خسته نباشید برای یک پروژه سعی کردم فونت وزیر رو اضافه کنم اما با گذاشتن فایلش توی پوشه پابلیک و فراخوانی کردنش موفق نشدم
روش درست لود کردن فونت توی پروژه لاراولی چیه؟
پاسخها
4
چیزی که از متن ارور مشخص هست مرورگر قصد بارگیری فونت از مسیر URL زیر رو داره:
http://127.0.0.1:8000/public/vazir-font-v16.1.0/Vazir.woffتوجه داشته باشید که چون در لاراول، فایل اصلی که به دامنه متصل هست، فایل index.php داخل فولدر public هست، پس برای آدرس دهی هاتون دیگه نباید از public استفاده کنید. فایل css و جایی font-face هاتون رو تعریف کردید، باز کنید و در قسمت آدرس فونت ها public رو حذف کنید. توجه کنید که اولش بک اسلش هم داشته باشه تا مبنا رو root قرار بده و نه محل قرار گیری فایل css.
ضمن اینکه بهتر هست یک پوشه مجزا هم داخل public بسازید مخصوص فونت ها و تمامی فونت هاتون رو داخل این پوشه بریزید. اون وقت آدرس دهیتون میشه اینجوری:
/fonts/vazir-font-v16.1.0/Vazir.woff
درود بر شما اصلا ربطی به پروژه لاراولی غیر لاراولی نداره
فایل رو که داخل public قرار دادید آدرس داخل فایل font-face هم آدرسش رو اصلاح کنید بر اساس مسیر قراردهی
الان قطعا اگر console مرورگر رو بازکنید زده 404 برای لود فونت ها
@hesammousavi
ممنون همین اتفاق هم افتاد حالا چطور ارور رو برطرف کنم تا فونت نمایش داده شه؟
ارور تب کنسول :
downloadable font: download failed (font-family: "vazir" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: http://127.0.0.1:8000/public/vazir-font-v16.1.0/Vazir.woff
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
من فونتم رو داخل فایل app.scss اینطوری لود کردم:
@font-face {
font-family: Estedad;
src: url('/fonts/Estedad-Thin.woff');
font-weight: normal;
font-style: normal;
}فونتم به درستی نمایش داده میشه ولی داخل console این خطا رو دارم
GET http://localhost/fonts/Estedad-Thin.woff net::ERR_ABORTED 404 (Not Found)دلیلش چیه؟