5 پست در این موضوع

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

Share this post


Link to post
Share on other sites

سلام

فونتت رو تو پوشه 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; رو اضافه کن

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری