مشخصات فنی فونت‌ها

فونت عربی استفاده شده در این سایت، «Uthman Hafs» یا «UthmanicHafs» نام دارد.

برای پایداری و سرعت بهتر، اکیداً پیشنهاد می‌شود که فایل‌های فونت را دانلود کرده و روی سرور یا هاست خود میزبانی کنید (Self-host). استفاده مستقیم از لینک‌های CDN موجود در کد زیر توصیه نمی‌شود.

شما می‌توانید از کد زیر به عنوان الگو استفاده کنید: ابتدا فایل‌های woff و woff2 را دانلود کرده و در مسیر فونت‌های سایت خود آپلود کنید، سپس در کد CSS زیر، بخش url را با آدرس فایل‌های محلی خود جایگزین نمایید. (برای اطلاعات بیشتر نیز می‌توانید به بخش «فونت‌های متفرقه» در این لینک مراجعه کنید).

@font-face {
  font-family: 'Uthman Hafs';
  src: local('KFGQPC Uthmanic Script HAFS'),
       url(https://cdn.rawgit.com/mustafa0x/qpc-fonts/f93bf5f3/various-woff2/UthmanicHafs1%20Ver09.woff2) format('woff2'),
       url(https://cdn.rawgit.com/mustafa0x/qpc-fonts/f93bf5f3/various-woff/UthmanicHafs1%20Ver09.woff) format('woff');
}

برای اعمال فونت و دریافت نتیجه‌ای دقیقاً مشابه این سایت، می‌توانید کلاس زیر را در CSS تعریف و استفاده کنید:

.hafs {
	font-family: 'Uthman Hafs' !important;
	font-size: 22.5px !important;
 	font-weight: bold !important;
}