نصب فونت

[خوانساری]

سلام

دوست عزیز من هم در مورد نصب فونت مشکل داشتم. اما با توضیح یکی از دوستان مشکلم حل شد. مواردی را که در پایین عرض می کنم به ترتیب انجام دهید تا هر نوع فونتی را که خواستید در سایت خود استفاده کنید.

1) فونت های مد نظر خود را در یک پوشه به نام fonts ذخیره کنید.(نکته مهم: این فونت هایی را که انتخاب می کنید حتما دارای سه فرمت باشند یا حداقل دارای دو فرمت باشند. (eot و ttf)) شما می توانید در این[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] فونت های دارای دو فرمت ذکر شده را دانلود کنید. البته در این آدرس آموزش هم موجود است. اما با این حال این راهنمایی را هم من عرض می کنم شاید به کار شما بیاید.

2) پوشه ای را که ایجاد کردید، در بخش template جوملا و پوشه قالب پیش فرض خود کپی کنید.

3) وارد فایل css قالب خود شوید (آدرس فایل css در css-->tempalte.css<-- در قالب پیش فرض<-- template است)، در اولین خط کد زیر را وارد کنید:

@font-face{
font-family: p30yaranfont;
src: url("../fonts/BNazanin.ttf")
    ,url("../fonts/BNazanin.eot"); /* IE9 */
}

نکته1: در خط دوم کد، جایی که p30yaran نوشته شده، قرار دادی است و شما می توانید آن را به هر نام لاتینی که دوست دارید تغییر دهید.(اما من به این دلیل که برای قالب خودم از p30yaran کمک گرفتم این نام را در قالب تغییر ندادم)
نکته2: در این کد فونت Nazanin انتخاب شده است، اما شما هر نوع فونت دلخواهی که در پوشه fonts ذخیره کرده اید(مرحله1) را می توانید با تغییر در خط سوم وچهارم کد، در سایت خود درج کنید. (به جای BNazanin.ttf و BNazanin.eot نام فونت دلخواه خود را درج کنید)

4) حال باید این فونت را در مکان های دلخواه سایتتان فراخوانی کنید. این کار را به صورت زیر انجام دهید:
الف- با استفاده از بروزر فایرفوکس و یا گوگل کروم می توانید مکان فونتی را که قصد تغییر آن را دارید در فایل css بیابید.
ب- بعد از یافتن فونت مد نظر خود (که با کد font-family مشخص شده است) می توانید نام p30yaran را در جلوی کد font-family قرار دهید. (همانطور که در نکته1 گفته شد می توانید در کد معرفی شده در مرحله سه p30yaran را تغییر دهید. اما توجه داشته باشید که اگر در کد مرحله سه p30yaran را تغییر ندادید در جلوی کد font-family نیز باید p30yaran را درج کنید، و اگر آن را تغییر دادید، در جلوی کد font-family نیز باید همان عبارت تغییر داده شده را قرار دهید).