{كاربردي} اضافه کردن فونت مورد نظر به سایت

[محمد]

با سلام.شاید برای شما هم پیش آمده باشد که بخواهید فونت مورد نظرتون رو در سایتتون استفاده کنید.
همچین آموزش رو هم یکی از دوستان میخواست که گفتم برای عموم هم انتشارش بدم.
فونت هایی که در ویندوز شما هست با پسوند ttf هست و برای اینکه فونت مورد نظرتون در وب استفاده کنید باید آن را به فرمت های eot ، svg ، woof تبدیل نماییم.

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

وقتی عضو سایت شدید و وارد اکانتتان شدید ، از منوی بالای سایت روی My fonts کلیک کنید . در اینجا می تونید فونت مورد نظرتون رو به فرمت های مختلف تبدیل کنید . فرض کنید من می خوام توی سایتم از فونت B Koodak استفاده کنم ، اگر فونت رو با فرمت ttf داشته باشم که هیچی ، اگر نداشته باشم و این فونت روی سیستمم موجود باشه ، توی درایو ویندوز می رم و از شاخه ی Windows\Fonts فونت B Koodak رو پیدا می کنم و اونو یه جای دیگه کپی می کنم .

حالا توی سایت روی گزینه ی Select fonts کلیک کنید و فونت مورد نظرتونو باز کنید و صبر کنید تا آپلود بشه . بعد از آپلود شدن زیر اسم فونتتون مجموعه ای از فرمت ها وجود داره و همونجور که گفتم باید روی گزینه های eot ، woof کلیک کنید تا فونت به این فرمت ها تبدیل بشه . بعد از تبدیل ، 2 فرمت ساخته شده رو دانلود کنید .

حال مرحله تبدیل فونت تمام شد.حالا شما باید 3 فایل داشته باشید.این چهار فایل را در یک پوشه قرار دهید.معمولا همه fonts قرار میدهند و بعد در پوشه قالبتون قرار بدهید.

حالا میریم سراغ سی اس اس.
پوشه templates.css رو باز کنید.یا سی اس اس مادر قالب را که معمولا templates یا style نام دارد را باز کنید:

بعد این کد را در اول صفحه اضافه نمایید.

کد php: (انتخاب همه)

@font-face {
 font-family: 'BKoodak';
 src:url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6?"8 */  url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/  url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3?"5, Chrome4+, FF3.5, Opera 10+ */
} 


چون ما فونت bkoodak رو پیشفرض قرار داده بودیم دستور رو هم مثل اون قرار دادم

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

برای آسودگی دوستان من فونت bkoodak رو با سه فایل دیگه اش آماده کردم و در ضمیمه قرارش دادم.

مشکلی بود در خدمتم
موفق باشید.