آموزش صفر تا صد فونت ها در قالب اکسترا

فونت های فارسی در افزونه مکمل فارسی قالب اکسترا یعنی افزونه rtl-xtra تعبیه شده است. اگر فونت های فارسی را  در تایپوگرافی خود انتخاب کردید اما در سایت به درستی نمایش داده نمی شود باید این افزونه را نصب و فعال کنید تا مشکل رفع شود.

نکته: این فونت ها دارای لایسنس می باشد. یعنی به منظور استفاده در هر پروژه ای باید از طراح و نویسنده آن کسب اجازه شود.
لایسنس این فونت ها برای استفاده در قالب اکسترا خریداری شده و کاربران می توانند با خیالی آسوده از این فونت ها در وب سایتی که با قالب اکسترا طراحی کرده اند، استفاده نمایند.
جهت اطلاع از اصالت کد لایسنس هر فونت روی کد لایسنس ها کلیک کنید.

لایسنسنام فونت
فونت ایران سنس K3S2KS
فونت ایران سنس دست نویس FSAG79
فونت ایران یکان K3S2KS
فونت ایران 9GNY28
فونت ایران شارپ P7PKH7
فونت محبوبه مهر آور KEFU3P
فونت انجمن USCDCN
فونت دانا QQ4VV6
فونت کلمه 2K7Y8Y
فونت آوینی QGH3H4
فونت فرهنگWD4PTW

توجه:

چنانچه فونت های بالا در تنظیمات قالب شما مشاهده نمی شود به این ترتیب می توانید به لیست فونت ها اضافه کنید:

ابتدا افزونه rtl-xtra  را به آخرین نسخه بروزرسانی کنید.

حالا به پیشخوان وردپرس > تنظیمات قالب > تایپوگرافی مراجعه نمایید.

در نوار ابزار سمت راست، در انتهای نوار، بخش “اضافه کردن نام فونت سفارشی” اسم فونت مورد نظر را وارد کنید. سپس دکمه انتشار را بزنید تا تنظیمات قالب ذخیره شود. صفحه را بارگذاری مجدد یا ریلود کنید تا فونت ها به لیست های قابل انتخاب در بخش تایپوگرافی اضافه گردد.

توجه: برای استفاده این فونت ها در افزونه رولوشن اسلایدر هم باید افزونه را  به آخرین نسخه بروزرسانی نمایید.

اسم فونت ها به شرح زیر می باشد:

irsns-light-fakhodkaravinyscKalameh
irsns-regular-faDastNevisiranyekansc_Anjoman
irsns-bold-faBTitrBoldiransansdnsc_farhang_fa
Shabnam-BoldBYekanmahboubeh_mehravar
ShabnamBZariransharp
Lalezar-RegularBSinaBoldIRAN
broyaboldBZibadana
rezvanVazirIRANSans

افزودن فونت جدید (فونت سفارشی شما) به لیست فونت ها

برای افزودن فونت جدید در قالب اکسترا به صورت زیر عمل می کنیم.

به عنوان مثال میخواهیم یک فونت با نام سفارشی suncode به قالب اضافه کنیم.

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

  • تعریف فونت در فایل css قالب child
  • اضافه کردن نام فونت به تنظیمات قالب
  • اضافه کردن نام فونت به اسلایدر رولوشن (در صورت نیاز)
1

مرحله اول

تعریف فونت روی قالب Child

چرا تعریف فونت روی قالب child یا پوسته فرزند؟

دلیل: قالب اکسترا و افزونه های مکمل آن بصورت پیوسته و از پیشخوان وردپرس شما بروزرسانی می شود و کدها جایگزین می گردد. پس برای اینکه تغییرات شما ثابت بماند در پوسته xtra child این عمل را انجام دهید تا تغییرات شما با آپدیت ها از بین نرود.

ابتدا به پیشخوان>نمایش>پوسته ها مراجعه نمایید و پوسته یا قالب xtra-child.zip را که از ما دریافت کردید آپلود، نصب و فعال نمایید.

یعنی پس از اتمام مراحل، اگر به پیشخوان>نمایش>پوسته ها، مراجعه نمایید باید پوسته xtra child فعال باشد تا کدهایی که اضافه می کنیم در سایت اجرا شود.

ابتدا کدهای خود را به فایل style.css در قالب xtra-child اضافه کنید (همچنین برای اینکه فقط در زبان فارسی اجرا شود می توانید در قالب xtra-child یک فایل rtl.css اضافه نمایید و کدها را در آن بنویسید)

بعنوان نمونه کد برای فونت به نام: suncode

@font-face { font-family: suncode; font-style: normal; font-weight: 500; src: url('fonts/eot/suncode.eot'); src: url('fonts/eot/suncode.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/suncode.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/suncode.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/suncode.ttf') format('truetype'); }

پس از افزودن کدها، با توجه به آدرس دهی در کد css یک پوشه در قالب xtra-child اضافه نمایید و فایل های فونت خود را در آن آپلود نمایید. بعنوان مثال با توجه به کدهای بالا نیاز است که فایل های فونت suncode در پوشه fonts بارگذاری شود.

تا اینجا فونت ها را به قالب خود اضافه کردیم.

2

مرحله دوم

اضافه کردن نام فونت به تنظیمات قالب

حالا به تنظیمات قالب>تایپوگرافی مراجعه نمایید و نام فونت suncode را به انتهای لیست اضافه نمایید، حتی می توانید با درگ و دراپ به ابتدای لیست بکشانید. پس از اضافه کردن نام فونت روی دکمه انتشار کلیک کنید تا تنظیمات قالب ذخیره شود و سپس با فشردن کلید f5 یا ریلود کردن صفحه خواهید دید که نام فونت سفارشی شما به لیست فونت ها در تنظیمات تایپوگرافی اضافه شده است و می توانید برای بخش های دلخواه خود از این فونت استفاده نمایید.

3

مرحله سوم

اضافه کردن نام فونت به اسلایدر رولوشن (در صورت نیاز)

اگر قصد دارید از فونت سفارشی جدید در رولوشن اسلایدر هم استفاده کنید، کافیست در پیشخوان خود به منوی slider revolution مراجعه نمایید.

سپس از نوار بالا روی منوی “تنظیمات” (اگر زبان انگلیسی است روی دکمه Globals) کلیک کنید سپس از بخش “Enable custom font selection in editor” روی دکمه “Edit Custom Fonts” کلیک کنید و در پنجره باز شده در بخش “Font Family Name” نام فونت سفارشی خود را اضافه کنید و سپس رو دکمه close برای لیست فونت ها و بعد از ذخیره تنظیمات عمومی (Save Global Settings) فونت به لیست فونت های قابل انتخاب در اسلایدر رولوشن اضافه می شود.

آموزش ها

فونتفونت سفارشی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین بروزرسانی: 11 مهر 1399

نسخه قالب: 3.9.9