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

[mojtabamalaekeh]

درود  

فونت های زیبایی که از سایت iran.ir دانلود کردم و در اتین پست ضمیمه کردم برای همه طراحان وب عزیز به درد می خوره.
ولی این پست ویژه اصلاح CSS اپن کارت ورژن 2.0 هست. تا فونت هاش زیباتر بشن.

قدم به قدم و با حوصله:
در مرورگر فایرفاکس به صفحه یکی از محصولات برید
روی یکی از کلمات در بخش توضیحات محصول کلیک راست کنید
گزینه Inspect Element رو بزنید تا Object Inspector بالا بیاد

سربرگ Fonts رو بالا بیارین
چی شد آدرس فونت ها رو پیدا کردیم

حالا فونت های ضمیمه شده این پست رو توی همون آدرس در هاست خودتون آپلود کنید.

بعد از آپلود فونت ها یک پوشه به عقب برگردین تا از دایرکتوری Fonts خارج شده و به دایرکتوری stylesheet برید.
فایل stylesheet-rtl.css رو ویرایش کنید.

کدهای ابتدای فایل رو دقیقا عین کد زیر تغییر بدین:

کد:

@font-face {
   font-family: 'yekan';
   src: url('../font/WebYekan.eot');
   src: url('../font/WebYekan.eot?#iefix') format('embedded-opentype'),
        url('../font/WebYekan.woff') format('woff'),
        url('../font/WebYekan.ttf') format('truetype');
}
@font-face {
   font-family: 'yekannums';
   src: url('../font/yekannumbers.eot');
   src: url('../font/yekannumbers.eot?#iefix') format('embedded-opentype'),
        url('../font/yekannumbers.woff') format('woff'),
        url('../font/yekannumbers.ttf') format('truetype');
}
body {
    font-family: yekan , yekannums;
    font-weight: 400;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
}
.tab-content p {
    line-height: 2;
    font-size: 13.25pt;
}

تغییرات رو ذخیره کنید.

فروشگاه رو با Ctrl+F5 رفرش کنید تا فونت جدید رو ببینید

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