محمد حکمتی
3 سال پیش توسط محمد حکمتی مطرح شد
4 پاسخ

افزودن فونت به لاراول

سلام دوستان خسته نباشید برای یک پروژه سعی کردم فونت وزیر رو اضافه کنم اما با گذاشتن فایلش توی پوشه پابلیک و فراخوانی کردنش موفق نشدم
روش درست لود کردن فونت توی پروژه لاراولی چیه؟


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش آپدیت شد
2

چیزی که از متن ارور مشخص هست مرورگر قصد بارگیری فونت از مسیر 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

حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 3 سال پیش مطرح شد
2

درود بر شما اصلا ربطی به پروژه لاراولی غیر لاراولی نداره
فایل رو که داخل public قرار دادید آدرس داخل فایل font-face هم آدرسش رو اصلاح کنید بر اساس مسیر قراردهی
الان قطعا اگر console مرورگر رو بازکنید زده 404 برای لود فونت ها


محمد حکمتی
تخصص : مثلا backend
@mohammad.hekmaty 3 سال پیش مطرح شد
0

@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

محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش آپدیت شد
2

چیزی که از متن ارور مشخص هست مرورگر قصد بارگیری فونت از مسیر 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

Mahdi
@dehghan1984 2 سال پیش مطرح شد
0

من فونتم رو داخل فایل 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)

دلیلش چیه؟


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام