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

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

دوستان عزیز سلام ،  امروز در کنارتان هستیم با آموزش تغییر فونت در قالب های جوملا این یکی پر دغدغه ترین عملیاتی است که این روز ها برای وبمستران مشکل ایجاد کرده است. برای اینکه شما بتونید فونت دلخواه خود را در سایت و در قسمت‌های مختلف قرار بدید کافی است مراحل زیر را به ترتیب انجام دهید. ابتدا به مسیر زیر رفته و فایل template.css را باز کنید.
Public_html{root}/Templates/Templatename/css/Template.css

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

فایل Template.css را باز کنید سپس در اولین خط آن، کدهای CSSزیر را قرار دهید:
 @font-face { font-family: joomlafarsi-bnazanin; src: url("../fonts/BNazanin.ttf") ,url("../fonts/BNazanin.eot"); / IE9 /
   خب شاید الان این سوال براتون پیش اومده که کد های بالا چی هست؟  

خب یک توضیح مختصر میدیم دراین مورد تا متوجه بشید.

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

font-family: "B Nazanin", joomlafarsi-bnazanin, Tahoma;
خب حالا کد بالا چه کدی هست؟ خب آن راهم تشریح  مختصری می کنیم و توضیح را تمام میکنیم.

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

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

 

آیا این پاسخ به شما کمک کرد؟

 پرینت این مقاله

در همین زمینه

آموزش افزایش حجم اپلود در جوملا

گاهي پيش مي ايد که متاسفانه هاست شما مقاديري رو به عنوان اپلود پيشفرض قرارداده اند.اگر نتوانيد...

رفع مشکل خطاي Error displaying the error page

رفع مشکل خطاي Error displaying the error page: Application Instantiation Error: Could not connect...

رفع مشکل گيرکردن جوملا در نصب اطلاعات نمونه

براي اين کار ابتدا به آدرس زير رفته و فايل مورد نظر رو با يک ويرايشگر (ترجيها notepad++) باز...

رفع خطای ۱۰۵۴ در بروزرسانی جوملا

با سلام دوستان در برخی ایمیل ها به ما اشاره کردند که آموزش رفع خطای ۱۰۵۴ در جوملا که موقع...

امتیاز دهی ستاره به مطالب درجوملا

فعال کردن امتیاز دهی ستاره ای به مطالب   یکی از بحث هایی که این روزها به گوش می رسد فعال کردن...

Powered by WHMCompleteSolution