آموزش: تغییر فونت قالب در جوملا   

از دانشنامه جوملا فارسی - مامبو فارسی
پرش به: ناوبری، جستجو

مقدمه

در همه قالب‌های سیستم مدیریت محتوای جوملا برای زیبا سازی قالب از کدهای CSS استفاده می‌شود.

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

مراحل کار

ابتدا به مسیر زیر رفته و فایل template.css را باز کنید.


 
Public_html{root}/Templates/Templatename/css/Template.css
 


در مسیر فوق templatename پوشه قالب شما می‌باشد.

فایل فوق را باز کنید سپس در اولین خط آن، کدهای CSS زیر را قرار دهید:


<source lang="php">


@font-face { font-family: joomlafarsi-bnazanin; src: url("../fonts/BNazanin.ttf")

   ,url("../fonts/BNazanin.eot"); /  IE9  /

}

</source>


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

  • دستور Font-face برای تعیین فونت دلخواه می‌باشد.
  • دستور font-family: joomlafarsi-bnazanin; برای تعیین نام فونت شما جهت استفاده در سایت می‌باشد.
  • دستور src: url("../fonts/BNazanin.ttf") ، درصورتی که فونت فوق در سیستم کاربر موجود نباشد فونت را از وب سایت شما بارگذاری می‌نماید

تا سایت با فونت دلخواه شما نمایش داده شود.

فایل فوق را در مسیر Public_html{root} / Templates / Templatename / css / قرار دهید.

سپس برای استفاده از فونت دلخواه در جای مناسب کد زیر را قرار دهید:


<source lang="php">


font-family: "B Nazanin", joomlafarsi-bnazanin, Tahoma;


</source>


تشریح کد ذکر شده

"B Nazanin" font-family: => نام اصلی فونت می‌باشد و در صورتی که بر روی سیستم کاربر موجود باشد سایت را با فونت دلخواه شما نمایش می‌دهد.

در صورتی که فونت بر روی سیستم کاربر موجود نباشد با استفاده از کد joomlafarsi-bnazanin به تگ font-face رجوع کرده و طبق دستورات داده شده (بارگذاری فونت دلخواه شما از طریق هاست) عمل می‌کند و سایت را با فونت دلخواه شما نمایش می‌دهد.

در صورتی که فونت دلخواه بر روی سیستم کاربر و هاست وجود نداشته باشد، فونت سایت را به Tahoma (یکی از فونت‌های پیش فرض ویندوز می‌باشد) تغییر می‌یابد.



تهیه و تنظیم: حمید نعیمی

Indent support.png
هر گونه سوال و یا مشکلی در این رابطه دارید، می‌توانید در انجمن تخصصی تیم جوملا فارسی جستجو کرده و در صورت عدم دریافت نتیجه مورد نظر، سوال جدیدی را مطرح کنید.
8.pngاستفاده از مطالب دانشنامه جوملا فارسی - مامبو فارسی با ذکر منبع ( دانشنامه جوملا فارسی ) و لینک مستقیم به http://docs.joomlafarsi.com بلامانع است.