آموزش: افزودن فونت فارسی به قالب YouGrids   

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

استفاده از فونت‌های سفارشی باعث تغییر در نمایش فونت‌هایی که معمولا بطور یکنواخت در اغلب سایت‌ها مورد استفاده قرار می‌گیرد، می‌شود. ما برای جوملا نسخه 2.5.20 از قالب بروز شده YouGrids که قابلیت کنش گرا دارد استفاده نمودید. در این قالب از فونت فارسی یکان نیز استفاده کردیم تا تغییری در نمایش فونت داشته باشیم.

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

سایت‌های مختلفی هستند که معمولا فونت‌های مورد نظر شما را برای استفاده در وب آماده می‌کنند. فرمت‌هایی که استفاده می‌شود معمولا به شرح زیر است:

TTF: که برای مرورگرهایی به جز IE استفاده می‌شود.

EOT: که برای مرورگر IE مورد استفاده قرار می‌گیرد.

WOFF: فشرده و استاندارد سازی

SVG: مورد استفاده در آیفون / آی پد

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

این تغییرات در فایل stylesheet.css در مسیر ذخیره سازی فونت فارسی می‌باشد.


<source lang=css>

@font-face {

   font-family: 'BYekan';
   src: url('WebYekan.eot');
   src: url('WebYekan.eot?#iefix') format('embedded-opentype'),
        url('WebYekan.woff') format('woff'),
        url('WebYekan.ttf') format('truetype'),
        url('WebYekan.svg#WebYekan') format('svg');
   font-weight: normal;
   font-style: normal;

}

h1,h2,h3,h4,h5,h6,.article_title,.module_title,.pagetitle{ font-weight:normal!important;

   font-family:'BYekan', Tahoma, Arial, sans-serif;

}

</source>


پس از اینکه فونت‌های مورد نظر خود را آماده نمودید، باید تمامی این فونت‌ها را در پوشه‌ای با نام مشخص در مسیر زیر کپی نمایید.

در این آموزش پوشه را BYekan انتخاب کردیم.


site_root/templates/termplate_name/css/fontfacekits


سپس وارد مدیریت قالب‌ها شده و قالب yougrids را برای ویرایش انتخاب کنید.

روی قسمت تنظیمات استایل کلیک کنید.

مطابق تصویر زیر امکان انتخاب فونت فارسی یکان بوجود خواهد آمد.


Font-face-yougrids-joomlafarsi-01.png


همانطور که در ابتدای آموزش ذکر شده در صورتی که فراخوانی فونت فارسی یکان را در فایل مربوط به قالب قرار داده باشید و پس از ذخیره تنظیمات جدید قالب، سایت شما با فونت فارسی یکان نمایش داده خواهد شد.


Font-face-yougrids-joomlafarsi-02.png



ویرایش :

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