در این مقاله می خواهیم به شرح استفاده از انواع فونت های دلخواه بپردازیم

راه های متعددی جهت استفاده از فونت دلخواه در وب وجود دارد که آخرین ، کم حجم ترین و بهترین روش آن استفاده از CSS است که در تمام مرورگرها نیز.
شکل کلی دستور :

@font-face {
font-family: Graublauweb;
src: url('Graublauweb.eot'); /* IE9 Compatibility Modes */
src: url('Graublauweb.eot?') format('eot'), /* IE6-IE8 */
url('Graublauweb.woff') format('woff'), /* Modern Browsers */
url('Graublauweb.ttf') format('truetype'), /* Safari, Android, iOS */
url('Graublauweb.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}

فراموش نکنید بهتر است این دستور را در اول فایل CSS تعریف کنید.

همانطور که در دستور بالا مشخص است برای اکثر مرورگرها شکل دستوری مشخصی تعریف شده است.
برای تبدیل فایل های فونت خود به فایل های تعریف شده در بالا بهترین سایتی که من پیدا کرده ام ، سایت font2web.com می باشد که هم با فونت های فارسی سازگار است و آن ها را به درستی تبدیل می کند و هم فایل های تبدیل شده به همراه فایل css و فایل html نمونه را جهت راهنمایی ایجاد میکند.
فقط یک نکته مهم و دیگر باقی می ماند آن هم در صورتی که از IIS استفاده میکنید باید بررسی کنید MIME TYPE های زیر در وب سایت شما تعریف شده است یا خیر.
.woff application/x-woff
.svg image/svg+xml

خود بنده از فونت های فارسی سری B استفاده کرده ام و به خوبی کار می کند