آموزش های جوملا

آموزش استفاده از فونت فارسی در جوملا

آموزش استفاده از فونت فارسی در جوملا
نوشته شده توسط وب گنجه

در تمام قالب‌های مدیریت محتوای جوملا برای زیبا سازی قالب از کدهای CSS استفاده می‌شود.برای اعمال تغییرات فونت قالب نیز باید به این پوشه مراجعه کرد. برای انجام  تمام تغییرات CSS باید آخرین فایل را پیدا کرد و تغییر داد ، این فایل بسته به سلیقه طراح قالب می توانند نام های مختلف داشته باشد که به طور معمول template.css یا your.css و یا custom.css می باشد.
برای اینکه شما بتوانید فونت های دلخواه خود را در قالب جوملا و در قسمت‌های مختلف قرار دهید کافی است این آموزش را بدقت مطالعه کنید.

ابتدا پوشه ی فونت را از لینک دانلود ، دریافت کرده و در پوشه قالب خود آپلود کنید و سپس از حالت فشرده خارج کنید.

سپس کد زیر را در ابتدای فایل template.css (ویا یکی از فایل های توضیح داده شده ) قالب خود وارد کنید و فایل را ذخیره کنید.

@font-face
{
font-family: "BYekan", Tahoma, Arial;
src: url("../fonts/BYekan.ttf")
    ,url("../fonts/BYekan.eot"); /  IE9  /
}

توضیح مختصری در مورد کدهای فوق :
دستور Font-face برای تعیین فونت دلخواه می‌باشد.
دستور font-family: ‘BYekan’; برای تعیین نام فونت شما جهت استفاده در سایت می‌باشد.
دستور (“src: url(“../fonts/BYekan.ttf ، درصورتی که فونت فوق در سیستم کاربر موجود نباشد فونت را از وب سایت شما بارگذاری می‌نماید تا سایت با فونت دلخواه شما نمایش داده شود.
سپس برای استفاده از فونت دلخواه در جای مناسب کد زیر را قرار دهید:

 font-family: "BYekan", Tahoma, Arial;

توضیح مختصری در مورد کد فوق :

font-family: “BYekan”, Tahoma, Arial;نام اصلی فونت می‌باشد و در صورتی که بر روی سیستم کاربر موجود باشد سایت را با فونت دلخواه شما نمایش می‌دهد.
در صورتی که فونت بر روی سیستم کاربر موجود نباشد با استفاده از کد به تگ font-face رجوع کرده و طبق دستورات داده شده (بارگذاری فونت دلخواه شما از طریق هاست) عمل می‌کند و سایت را با فونت دلخواه شما نمایش می‌دهد.
در صورتی که فونت دلخواه بر روی سیستم کاربر و هاست وجود نداشته باشد، فونت سایت را به Tahoma (یکی از فونت‌های پیش فرض ویندوز می‌باشد) تغییر می‌یابد.

برای مثال:

اگر شما بخواهید عنوان مطالب خود را فونت یکان قرار دهید باید برای تگ h2 و h1 در فایل template.css کد زیر تعریف کنید. مانند نمونه زیر:

h1 {
font-family: "BYekan", Tahoma, Arial;
font-size: 14px;
text-decoration:none;
font-weight:normal;
line-height:20px;
}

در صورت هرگونه مشکل و سوال میتوانید در قسمت نظرات این مطلب ، سوال خود را مطرح کنید.

 

دانلود “مجموعه فونت های فارسی طراحی سایت.zip” – 4504 بار دانلود شده – 6 MB

درباره نویسنده

وب گنجه

وب گنجه مرجع دانلود ابزارهای وب و همچنین سایتهای آماده و آسان نصب ، در نظر دارد تا آرشیوی از مطالب مفید وب را فراهم آورد تا شما به آسانترین روش ممکن به تمامی منابع جهت راه اندازی وب سایت اینترنتی دسترسی داشته باشید.

4 نظر

ارسال نظر

logo-samandehi
escort izmit escort samsun escort tokat escort erzurum escort aydın