چگونه به المنتور خود فونت سفارشی اضافه کنیم
المنتور یکی از محبوبترین صفحهسازهای وردپرس است که به کاربران امکان میدهد بدون نیاز به کدنویسی، صفحات زیبا و حرفهای طراحی کنند. اما گاهی اوقات فونتهای پیشفرض المنتور ممکن است برای پروژهی شما مناسب نباشند و بخواهید فونت دلخواه خود را اضافه کنید. در این مقاله، روشهای مختلف افزودن فونت سفارشی به المنتور را به شما آموزش میدهیم.
روشهای افزودن فونت سفارشی به المنتور
1. استفاده از قابلیت Custom Fonts در المنتور پرو
المنتور نسخه پرو دارای قابلیت آپلود فونت دلخواه است که مراحل آن به شرح زیر است:
در پیشخوان وردپرس به مسیر Elementor > Custom Fonts بروید.
روی دکمه Add New کلیک کنید.
یک نام برای فونت انتخاب کنید.
فایلهای فونت (فرمتهایی مانند .woff, .woff2, .ttf) را آپلود کنید.
ذخیره کنید.
اکنون فونت در قسمت تنظیمات تایپوگرافی المنتور قابل انتخاب است.
2. استفاده از افزونههای افزودن فونت سفارشی
اگر نسخه پرو المنتور را ندارید، میتوانید از افزونههایی مثل Use Any Font یا Custom Fonts استفاده کنید.
مراحل کلی:
افزونه مورد نظر را نصب و فعال کنید.
فایل فونت خود را در افزونه آپلود کنید و فونت را ثبت نمایید.
فونت در لیست فونتهای وردپرس و المنتور اضافه میشود.
حالا میتوانید فونت را در المنتور انتخاب کنید.
برای تغییر این متن بر روی دکمه ویرایش کلیک کنید. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
3. افزودن فونت سفارشی با کد CSS
اگر به کدنویسی آشنایی دارید، میتوانید فونت خود را از طریق CSS به سایت اضافه کنید.
مراحل:
فایل فونت را در هاست یا پوشه قالب خود آپلود کنید.
کد زیر را در بخش سفارشیسازی CSS قالب یا تنظیمات المنتور اضافه کنید
@font-face {
font-family: 'MyCustomFont';
src: url('https://example.com/wp-content/uploads/fonts/mycustomfont.woff2') format('woff2'),
url('https://example.com/wp-content/uploads/fonts/mycustomfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
سپس در المنتور در بخش Advanced > Custom CSS یا تنظیمات قالب از این فونت استفاده کنید:
selector {
font-family: 'MyCustomFont', sans-serif;
}
نکات مهم در استفاده از فونت سفارشی
حتماً فونتهایی را استفاده کنید که اجازه استفاده تجاری دارند.
برای پشتیبانی بهتر، چند فرمت فونت (woff, woff2, ttf) آپلود کنید.
فونتهای سنگین میتوانند سرعت بارگذاری سایت را کاهش دهند، پس حجم فونتها را بهینه کنید.
حتما فونت را در حالتهای مختلف (bold, italic) اضافه کنید تا طراحی کامل باشد.
جمعبندی
افزودن فونت سفارشی به المنتور به طراحی سایت شما هویت و زیبایی بیشتری میبخشد. با استفاده از قابلیت داخلی المنتور پرو، افزونهها یا کد CSS، میتوانید فونتهای دلخواه خود را به راحتی به سایت اضافه کنید.