سیستمی‌ها
بهترین فونت یکان برای حروف و اعداد فارسی در اپن کارت - نسخه‌ی قابل چاپ

+- سیستمی‌ها (http://forums.systemiha.ir)
+-- انجمن: کامپیوتر (http://forums.systemiha.ir/forumdisplay.php?fid=1)
+--- انجمن: اپن کارت OpenCart (http://forums.systemiha.ir/forumdisplay.php?fid=38)
+--- موضوع: بهترین فونت یکان برای حروف و اعداد فارسی در اپن کارت (/showthread.php?tid=90)

بهترین فونت یکان برای حروف و اعداد فارسی در اپن کارت - mojtabamalaekeh - 2016/06/23

درود Big Grin 

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

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


[تصویر: opencart-font-1.png]

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


[تصویر: opencart-font-2.png]

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


[تصویر: opencart-font-3.png]

بعد از آپلود فونت ها یک پوشه به عقب برگردین تا از دایرکتوری 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 رفرش کنید تا فونت جدید رو ببینید Smile

[تصویر: opencart-font-4.png]

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