بهم ریختن فونت ها

[mhmdaghaei 0]

سلام دوستان وقت بخیر . من برای سایت از رابط کاربری جوملا استفاده میکنم. امروز نسخه ی جوملا رو آپدیت کردم. وقتی سایت رو بروز کردم متوجه شدم که فونت های فارسی که در سایت نمایش داده می شن دچار مشکل شدن  و از فونت پیش فرض مرورگر تبعیت میکنند. لطفا راهنمایی کنید منو که برای اینکه بتونم این مشکل رو حل کنم چیکار کنم؟؟

[levelup 257]

سلام

فونتت رو تو پوشه fonts در قالبت کپی کن

این خطوط رو اول فایل css ات اضافه کن

@font-face {
    font-family: "CUSTOMNAME";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/FONTNAME.SUFFIX") ;
}

به جای CUSTOMNAME یک نام دلخواه بذار

به جای FONTNAME.SUFFIX نام و پسوند فونت رو بذار

بعد تو فایل css به تگ body استایل font-family: "CUSTOMNAME" !important; رو اضافه کن

[pourdaryaei 154]

یه راه دیگه اینه که فونت رو از CDN بارگذاری کنی مثل سایت زیر که حدود 8 تا فونت فارسی زیبایی داره که میتونی تو سایتت ازشون استفاده کنی

http://cdn.font-store.ir/

چون قبلا از فونت استفاده کردی میدونی که چطوری بایستی توی قالبت ازشون استفاده کنی به هر حال مثلا اگر بخای از فونت یکان استفاده کنی، تکه کد زیر رو توی قالب سایتت اضاف کن که همین سایت بهت ارائه میده.

@font-face {
    font-family: 'yekan';
    src:url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.woff2') format('woff2'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.woff') format('woff'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.ttf') format('truetype'),
	url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yekan';
    src:url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.woff2') format('woff2'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.woff') format('woff'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.ttf') format('truetype'),
	url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

 

فقط بایستی توجه داشته باشی این کدهایی رو که به صورت سفارشی توی قالبت اضاف میکنی نبایستی هرجایی گذاشت، چون بعد از هر بروزرسانی یا کامپایل قالب کدهای شما هم ریست میشن. بهتره بین فایلهای CSS یه فایل custom.css بسازی و تمام تغییرات سفارشی شده خودت رو اونجا کپی کنی

[levelup 257]

جالبه. نمی دونستم فونت فارسی CDN داره. کاش مثل گوگل فونت درستش می کرد. من خیلی سعی کردم به گوگل فونت، فونت های خودم رو اضافه کنم ولی نتونستم. نمی دونم راهی داره یا نه.

[pourdaryaei 154]

میتونی خودت برا خودت یه CDN درست کنی، کاری نداره! فقط بایستی حواست باشه که قوانین کپی رایت فونتها رو نقض نکنی ...