هزاران فونت مختلف بر روی صفحات وب به صورت رایگان و فروشی در اختیار شما قرار میگیرد که ممکن است بخواهید از این فونت ها در طراحی سایت خود استفاده کنید و برای تمام مخاطبین سایت در هر سیستمی به درستی نمایش داده شود
برای استایل نویسی این فونت ها ادامه ی مطلب را دنبال کنید

۱ . تبدیل فرمت فونت به صورت آنلاین

فونت ها با پسوند عادی TTF در تمامی مرورگرها به درستی نمایش داده میشود به غیر از مرورگر اینترنت اکسپلورر.
برای نمایش در این مرورگر باید فونت به فرمت EOT تبدیل شود که از سایت های آنلاینی در این زمینه استفاده میکنیم . فونت رو بعد از تبدیل فرمت دانلود کنید و با فونت اصلی داخل پوشه ای با نام font در قالب خود بریزید
تبدیل فرمت TTF به EOT
2 . استایل نویسی در قالب سایت

این کد رو برای آشنایی یا نحوه ی کار مطالعه کنید

@font-face {
font-family:font-name;
src: url("folder-name/font");
}

خط اول : برای آغار دستور ورود فونت جدید به قالب می باشد
خط دوم : تعیین نام برای فونت می باشد
خط سوم : آدرس فونت رو اطلاع میدهیم ( وبلاگ های از آپیود سنتر ها استفاده کنند و نیازی به ساخت پوشه ی فونت ندارند )

۳ . به کار گیری در سایت

کد کامل به صورت زیر می باشد
@font-face {
font-family:joharfont; /* تعیین نام برای فونت */
src: url("fonts/entezar.eot"); /* نمایش در مرورگر IE */
}

@font-face {
font-family:joharfont; /* تعیین نام برای فونت */
src: url("fonts/bjohar.ttf"); /* TTF file for CSS3 browsers */
}

#load-bjohar{
font-family:joharfont; /* بارگزاری دو فونت در عنصر load-bjohar */
}

نمایش استایل نوشته شده در قالب سایت

<div id="load-bjohar">متن دلخواه شما</div>

دانلود نمونه - ۴۸ کیلوبایت

منبع : تک طرح

رمز فایل : www.taktarh.com