چطور فونت المنتور را تغییر بدهیم؟ | راهنمای تغییر فونت المنتور در 4 گام

از فونت‌های ساده خسته شده اید؟ دوست دارید در وبسایت خود از فونت زیبای موردعلاقه‌تان استفاده کنید؟ راهنمای تغییر فونت المنتور برای شماست!

استفاده از فونت مناسب در وب سایت، تأثیر به سزایی در ایندکس شدن آن توسط گوگل و ایجاد یک تجربه کاربری (UX) زیبا و منحصر به فرد برای مخاطبان خواهد داشت. انتخاب فونت بهینه‌ای که خوانا و یکدست باشد، می‌تواند کاربران را تشویق کند تا به بازدید از وبسایت شما ادامه بدهند، به محتوایی که قرار داده اید توجه داشته باشند و دوباره به سایتتان سر بزنند.

در مقاله امروز نجوانت، شیوه تغییر فونت المنتور را بررسی خواهیم کرد. همراه ما باشید.

تغییر فونت المنتور چه اهمیتی دارد؟

پلتفرم طراحی سایت المنتور، بیش از 800 فونت آماده انگلیسی را برای استفاده کاربران ارائه داده است. اما فونت‌های از پیش آماده که با محتوای فارسی همخوانی داشته باشند، محدود هستند. فونت‌های پیش فرض از جمله تاهوما که تا چند سال پیش در همه وبسایت‌ها استفاده می‌شد، از لحاظ زیبایی چندان بهینه نیستند و شاید باعث شوند کاربر رغبتی به خواندن مطالب شما پیدا نکند.

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

افزودن فونت به المنتور به صورت دستی

مشخص است که می‌توانید برای افزودن فونت به المنتور از روش دستی بهره ببرید، اما برای این کار باید اندکی دانش کدنویسی داشته باشید. شاید این ترفند برای کاربران تازه وارد وردپرس اندکی دشوار باشد.

در این روش، باید برای تغییر فونت المنتور در فولدرهای وردپرس تغییرات ایجاد کنید.

1.با استفاده از کلاینت FTP، یک فولدر به نام fonts به فولدر تم سایت خود بیفزایید. فولدر جدید باید در آدرس زیر قرار بگیرد:

wp-content/themes/fonts

2. سپس می‌توانید فونت‌هایی که دانلود کرده اید را داخل این فولدر قرار بدهید.

3. حالا استایل شیت تم را باز کنید (Style.css) و کد زیر را داخل آن وارد کنید.

@font-face {
	font-family: 'nameofnewfont';
	src: url("/fonts/nameofnewfont.woff2") format("woff2"),
		 url("/fonts/nameofnewfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

4. برای استفاده از فونت در المان‌های مختلف، خیلی ساده می‌توانید همین کد را در استایل شیت آنها نیز پیست کنید.

همانطور که اشاره کردیم، این روش برای تغییر فونت المنتور می‌تواند برای تازه کارها دشوار و سردرگم کننده باشد. اگر بخواهید تنظیمات ساده ای مانند بولد یا ایتالیک سازی متن را انجام بدهید، باید دوباره کل فرایند را از نو پیاده کنید و پارامترهای موردنظرتان را وارد کنید. کلی کدنویسی در این روش تغییر فونت المنتور در وردپرس وجود دارد.

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

تغییر فونت وبسایت وردپرسی با استفاده از المنتور

باید فونت‌های موردنظر خود را با فرمت استاندارد داخل سایت آپلود کنید تا مخاطبان، محتوای شما را با فونت موردنظرتان مشاهده کنند. چندین فرمت استاندارد برای فونت وجود دارد که هریک از آنها، توسط مرورگرهای متفاوتی پشتیبانی می‌شوند. از جمله رایج‌ترین فرمت‌هایی که می‌توانید برای تغییر فونت المنتور به کار بگیرید، می‌توانیم به موارد زیر اشاره کنیم.

• فرمت فونت باز وب WOFF یا (Web Open Font Format): این فرمت، رایج ترین نوع است که تقریباً همه مرورگرهای مدرن آن را پشتیبانی می‌کنند.
• فرمت فونت باز وب WOFF 2.0: فونت TrueType (TTF) یا OpenType (OTF) که نسبت به WOFF 1.0 امکان فشرده سازی بهتری ارائه می‌دهد.
• فونت‌های SVG یا Shape: فونت‌های SVG، به عنوان نویسه متن را نمایش می‌دهند. اگر قصد دارید سایت خود را برای نسخه‌های قدیمی iOS بهینه سازی کنید، می‌توانید از این نوع فونت بهره ببرید.
• فونت Embedded OpenType (EOT): این فایل فونت روی اینترنت اکسپلورر کار می‌کند اما ممکن است در سایر مرورگرها نمایش داده نشود. از این فونت می‌توانید برای سایت‌های بهینه سازی شده برای نسخه‌های قدیمی اینترنت اکسپلورر استفاده نمایید.

برای تغییر فونت در المنتور، می‌توانید به راحتی فرمت‌های فونت موردنظرتان را داخل سایت آپلود کنید.

1.در قسمت داشبورد وردپرس، آدرس زیر را دنبال کنید:

Dashboard > Elementor > Custom Fonts

و در این قسمت، روی دکمه Add New کلیک کنید.

2. حالا نام فونت را وارد کنید و فایل آن را با فرمت WOFF، WOFF2، TTF، SVG یا EOT آپلود نمایید. توصیه می‌کنیم چندین فایل آپلود کنید تا همه مرورگرهای بالقوه (چه سیستم دسکتاپ و چه موبایل، در همه نسخه‌ها) را ساپورت کنند.

3. بعد از آپلود فایل‌ها، فونت‌‎های جدید در بخش کنترل هر ویجتی که حاوی متن باشد نمایش داده خواهند شد. به المنتور بروید و فونت‌های جدید را در بخش‌های مختلف سایت خود استفاده کنید. برای نمایش تغییر فونت در المنتور، هر متن یا هدینگی که می‌خواهید را انتخاب کنید و در بخش استایل، روی گزینه تایپوگرافی کلیک کنید تا فونت موردنظر خود را انتخاب نمایید.

نکته مهمی که باید درباره انتخاب فونت فارسی برای وب سایت وردپرسی درنظر داشته باشید، پشتیبانی شدن آن توسط گوگل است. اگر می‌خواهید با بهترین فونت‌های فارسی برای وب سایت آشنا شوید، مقاله ما در ارتباط با این موضوع را از دست ندهید.

تغییر وزن و استایل فونت در المنتور

فونت‌های مختلف، با وزن‌های متنوعی ارائه شده و داخل یک خانواده فونت با نام رسمی آن قرار می‌گیرند. در هر خانواده انواع وزن‌ها (از الترا لایت گرفته تا بلک) گنجانده می‌شود.

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

اگر از کدنویسی CSS استفاده می‌کنید، باید از دستورهایی مانند Font-face یا Font-style بهره ببرید تا مطمئن شوید نتیجه نهایی، دقیقاً به همان شکلی است که می‌خواهید باشد. بنابراین پس از اینکه نسخه موردنظر خود از فونت را وارد کردید، می‌توانید از المنتور آن را داخل سایت انتخاب کنید و وزن یا استایل را مطابق با سلیقه خود تنظیم نمایید.

دقت داشته باشید که اگر هنگام تغییر فونت المنتور وزن خاصی را داخل سایت آپلود نکنید، امکان استفاده از آن را نخواهید داشت. در نتیجه مرورگر شما (مانند فایرفاکس، گوگل کروم و سایر) استایل فونت را به نزدیک‌ترین وزن در دسترس تغییر خواهد داد.

سخن آخر

انتخاب فونت، یکی از مهمترین پارامترهای هر وبسایت است که در عین سادگی، اثری شگرف بر روی خروجی و میزان ترافیکی که دریافت می‌کنید خواهد داشت. کلیه وبسایت‌ها، به خصوص سایت‌های ایکامرس، شرکتی و مجله ای که برند کسب و کار وبمستر به حساب می‌آیند، با انتخاب یک فونت مناسب در حقیقت شخصیت حرفه ای خود را به نمایش می‌گذارند.

بنابراین توصیه می‌کنیم انتخاب و تغییر فونت در المنتور را جدی بگیرید و با انتخاب یک قلم مناسب برای محتوای سایت خود، ظاهری شیک و زیبا به آن ببخشید.

قبل از انتخاب و آپلود فونت، حتماً آن را تست کنید تا از کارکرد درست فایل مطمئن شوید و جلوه نهایی فونت در وبسایت وردپرسی را نیز بپسندید.

اگر سوالی دارید یا در حین تغییر فونت المنتور به مشکل برخوردید، می‌توانید هرچه در ذهن دارید را در بخش نظرات با ما در میان بگذارید!

سؤالات متداول