آموزش اضافه کردن فونت به المنتور

آموزش اضافه کردن فونت به المنتور
Share on twitter
Share on facebook
Share on telegram
Share on whatsapp

به همراه المنتور 800+ فونت گوگل ارائه شده است اما اگر شما به فونت های بیشتری نیازی دارید به راحتی می توانید اقدام به اضافه کردن فونت به المنتور کنید. مراحل افزودن  فونت به المنتور به این صورت است :

فونت های سفارشی را بارگذاری کنید (نسخه پرو المنتور)

  1. به داشبورد وردپرس بروید، سپس به زیر منوی المنتور – elementor > فونت های سفارشی – Custom Fonts
  2. روی دکمه اضافه کردن جدید – Add New کلیک نمایید.
  3. یک نام برای فونت وارد کنید و سپس روی دکمه افزودن فونت متغییر – Add Font Variation کلیک نمایید.

بخش های مختلف صفحه اضافه کردن فونت :

1 WOFF : حتما از این فرمت فونت استفاده کنید چون توسط همه مرورگرهای پیشرفته پشتیبانی می شود.
WOFF2: فونت TrueType/OpenType که نسبت به فونت WOFF1 فشرده سازی بهتری ارائه می کند.
TTF: این فونت در اواخر دهه 1980 میلادی توسط شرکت های اپل و مایکروسافت توسعه داده شد.
SVG: فونت های SVG به تصاویر وکتور اجازه می دهد که تا در محیط مرورگرها به نمایش گذاشته شده اند. پیشنهاد می شود که از نسخه های قدیمی آیفون استفاده کنید.
EOT: این فونت بر روی اینترنت اکسپلورر کار می کند ، اما در مرورگرهای دیگر تاثیری ندارد. از این فونت برای پشتیبانی در مرورگرهای اینرنت اکسپلور استفاده کنید.

 تغییر وزن – Weights و استایل ها – Styles

  1. وزن – Weights فونت را انتخاب کنید.
  2. یک استایل – Styles را انتخاب کنید.
  3.  روی دکمه انتشار – Publish کلیک نمایید.
  4. برای قرار دادن  فونت های دیگر این مراحل را تکرار کنید.

آموزش اضافه کردن فونت به المنتور


مشاهده فونت های اضافه شده

هنگام ویرایش متن با المنتور در لیست فونت ها، فونت های که در مرحله اضافه کردن فونت به المنتور افزوده شده را مشاهده خواهید کرد.

  1. به سربرگ استایل – STYLE بروید
  2. برای دیدن فونت های اضافه شده روی تایپوگرافی – Typography > خانواده فونت – Family کنید تا لیست فونت های موجود در المنتور را مشاهده کنید.

پیش نمایش فونت در المنتور

در هنگام انتخاب فونت برای هر ابزاری با رفتن به تایپوگرافی – Typography > خانواده فونت – Family می توانید با کلیک کردن روی منوی کشویی، پیش نمایشی از فونت را می توانید مشاهده کنید.
توجه داشته باشید که پیش نمایش تنها در هنگام اسکرول کردن فونت ها کار می کند و تمام پیش نمایش های فونت در صفحه بارگیری نمی شود و تنها در صورت درخواست پیش نمایش تغییر می کند. پس از انتخاب کردن یک فونت، تنها منابع در نظر گرفته شده فونت ، بارگیری می شوند.

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


ارورهای که در هنگام افزودن فونت به المنتور رخ می دهد

اگر در هنگام اضافه کردن فونت به المنتور با مشکل روبه رو شدید و فونت اضافه شده شما اجرا نشد از این راهنمایی ها استفاده کنید.

پاک کردن حافظه کش

مشکل به وجود آمده ممکن است به خاطر حافظه کش باشد.

  1. اگر از افزونه ای برای حافظه کش استفاده می کنید آن را پاک کنید. اگر سرور شما هم از حافظه کش استفاده می کند آن را نیز پاک کنید در صورت لزوم از پشتیبانی هاست درخواست کنید که آن را خالی نمایند.
  2.  پس از پاک کردن تمامی حافظه های نهان دوباره آن را بررسی نمایید. اگر حافظه پنهان به صورت کامل پاک نشده باشد، لازم است از مرورگر دیگری استفاده کنید یا وب سایت را در حالت ناشناس در مرورگر مشاهده کنید.

عدم تطابق HTTP / HTTPS

در صورتی که اخیراً SSL را برای وب سایت خود فعال کرده اید و آدرس از HTTP به HTTPS تغییر کرده است، امکان دارد که فایل های فونت شما دوباره نیاز به آپلود داشته باشند.

  1.  به المنتور – Elementor > فونت های سفارشی – Font Custom بروید و اگر آدرس فونت وارد شده با https شروع نمی شود روی دکمه حذف در کنار هر کدام از آن ها کلیک نمایید و سپس دکمه آپلود را کلیک کرده و مجددً فونت ها را آپلود نمایید.
  2. به بخش المنتور – Elementor > ابزارها – Tools بروید و روی دکمه تولید مجدد فایل Regenerate CSS – CSS کلیک نمایید
  3.  آدرس های URL حالا باید https شروع شوند و فونت های شما اجرا می شوند.

تغییر آدرس در هنگام اضافه کردن فونت به المنتور

اگر هنوز استایل شما کار نمی کند، ممکن است در هنگام انتقال به https مشکل های به وجود آمده شده باشد.

  1. به المنتور – Elementor > ابزارها – Tools > جایگزینی Replace  URL –  URL بروید
  2. در فیلد Old URL field آدرس وب سایت خود را با HTTP قرار بدید  در فیلد New URL آدرس وب سایت را با HTTPS قرار بدید.
  3. روی دکمه Replace URL کلیک نمایید
  4.  روی دکمه ذخیره تغییرات– Save Chnges کلیک نمایید.

جایگزینی آدرس در هنگام اضافه کردن فونت به المنتور

در پایان به سراغ تنظیمات وردپرس با مسیر تنظیمات – Settings > عمومی – General بروید و اطمینان حاصل کنید که آدرس وب سایت و وردپرس هر دو با https شروع شده باشند.

بررسی آدرس سایت برای اضافه کردن فونت به المنتور

مشاهده خطای CORS در مرورگر

در صورتی که اقدام به اضافه کردن فونت به المنتور کردید اما در مرورگر با خطای CORS روبه رو شدید باید با میزبانی هاست خود تماس بگیرید چون باید تغییراتی در سرور شما ایجاد شود.

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
Share on facebook

دریافت مقالات ناب

مقالات شبیه مقالات بالا رو هر هفته میفرستیم به ایمیلتون

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

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

سوالی داری؟ چت با واتساپ