وبلاگ شخصی سید علیرضا جعفری

مواردی که مطالعه میکنم و به ذهنم جالب میرسه رو با اندکی تعدیل منتشر خواهم کرد

وبلاگ شخصی سید علیرضا جعفری

مواردی که مطالعه میکنم و به ذهنم جالب میرسه رو با اندکی تعدیل منتشر خواهم کرد

دوشنبه, ۴ مرداد ۱۳۹۵، ۰۵:۵۹ ب.ظ

فونت Web Yekan بهینه شده+ارقام فارسی

با توجه به مشکلی که برای بنده پیش اومد برای استفاده از فونت WebYekan نسخه های مختلفی تست شد ولی بهترین نسخه ای که پیدا کردم نسخه ای هست که به پیوست تقدیمتون خواهد شد
این نسخه شامل دو فونت هست که می بایست در وب سایت مورد استفاده قرار گیرد:
فونت Web Yekan جهت کلمات فارسی
فونت Web Yekan Number جهت ارقام فارسی



کلاس استفاده از فونت نیز به در فایل پیوست موجود می باشد:

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

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

بعد برای المان های مورد نیاز به شکل زیر فونت دهی کنید:

/*StartExample*/
body{
	font-family: yj,nyj;
	font-size: 14px;
	font-weight: normal;
}
.mainmenu{
	font-family: yj,nyj;
	font-size: 14px;
	font-weight: normal;
}
/*EndExample*/

نمونه کدها در فایل پیوست شده نیز با نام Sample.css موجود می باشد.

دانلود رایگان فونت WebYekan

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی