به کار بردن فونت فارسی در طراحی وب

به کار بردن فونت فارسی در طراحی وب

کیانوش آسترکی ۲۴ مرداد ۱۳۹۴

از جمله محدودیت‌های وب نداشتن فونت مناسب برای زبان پارسی است. بسیاری از سایت‌هایی که به زبان فارسی هستند اغلب از چند فونت رایج مانند Tahoma و یا Arial استفاده می‌کنند.

اما می‌توان این محدودیت را با استفاده از فونت‌های فارسی که برای وب طراحی شده‌اند از میان برداشت. برای این کار موارد زیر را انجام دهید.

ابتدا فایل انتهای مقاله را دانلود کرده و آن را از حالت فشرده خارج کنید.
پوشه fonts را در جای مناسب کپی کنید.
کد زیر را میتوانید در ابتدای فایل css خود وارد کرده یا در فایل html وارد کنید.

در ابتدای فایل css:

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

در فایل html:

توجه کنید که برای هر فونتی که میخواهید استفاده کنید باید این کار را انجام دهید. در این مثال فونت BBadr اضافه شده است. برای اضافه کردن فونت جدید فقط کافیست این خطوط را کپی کنید و نام فونت جدید را جایگزین کنید.