افزودن فونت به المنتور بهعنوان یکیاز اساسیترین نیازهای سایتهای وردپرسی فارسی محسوب میشود؛ زیرا تأثیر زیادی در تجربه کاربری و جذابیت بیشتر سایت برای کاربران دارد. افزونه المنتور بهتنهایی امکانات زیادی را برای ویرایش صفحات وردپرس در اختیار ما قرار میدهد اما ازجمله ویژگیهای جذاب آن در نسخه پرو، اضافه کردن فونتهای سفارشی به وردپرس است.
افزودن فونت فارسی به المنتور بهطور خلاصه طبق مراحل زیر انجام میشود:
- ورود به پیشخوان وردپرس
- رفتن به بخش “فونتهای سفارشی” در منوی المنتور از طریق پیشخوان
- ورود به بخش “افزودن فونت جدید”
- انتخاب نام برای فونت سفارشی
- بارگذاری فرمتهای مختلف فونت و تعیین وزن(ضخامت) فونت
- انتشار فونت در وردپرس
در فرایند نصب فونت در المنتور نکات مهمی وجود دارد که در ادامه علاوهبر پاسخ به سوال چگونه میتوانیم به المنتور فونت اضافه کنیم به توضیح این نکات نیز میپردازیم.
پیش نیازهای افزودن فونت به المنتور
همانطور که گفتیم برای افزودن فونت جدید به المنتور نیاز به نسخه پرو این افزونه دارید. المنتورپرو بهطور پیشفرض دارای فونتهای مختلفی است اما برای وبسایتهای فارسیزبان خـــیلی مناسب نیست! بنابراین قبل از هرچیزی باید سراغ دانلود فونت سفارشی با فرمتها و وزنهای مختلف بروید.
دانلود فونت فارسی برای المنتور
یکیاز نکات مهمی که باید در انتخاب فونت رعایت کنید، باکیفیت و استانداردبودن فونت مدنظر برای سایت است. بااینکه المنتورپرو اجازه نصب بینهایت فونت به سایت را میدهد، اما نصب بیشاز اندازه فونت در المنتور باعث کندی سایت میشود و شما باید نهایتاً از دو نوع فونت در تیترها و متون استفاده کنید.
نکته بعدی در دانلود و انتخاب فونت، استفاده از فونتهای محبوب فارسی برای وب است. عموماً سایتهای فارسیزبان از فونتهای محبوبی مثل ایران سنس، ایران یکان، وزیر، دانا، انجمن و غیره استفاده میکنند. اکثر این فونتها بهصورت رایگان در سایتهای مختلف قابل دانلود هستند.
نکته مهم: سعی کنید فونتهای سفارشی را از سایتهای مرجع مثل فونت ایران یا دیجی فونت تهیه کنید.
انتخاب وزن مناسب فونت برای سایت
درحالت کلی فونتهای سفارشی دارای وزنها یا ضخامت متفاوتی هستند. وزنهای فونت عموماً از وزن 100(thin) شروع و تا وزن 900(black) ادامه دارد. در اکثر مواقع در سایتهای وردپرسی از سه یا نهایت چهار وزن بیشتر استفاده نمیشود. برای مثال وزن 100(thin)، 400(normal) ،600(semi bold) و وزن 700(bold) برای سایت مناسب است.
بنابراین درهنگام دانلود فونت برای المنتور به وزنهای فونت توجه کنید تا هنگام استفاده از آنها با مشکل مواجه نشوید.
دانلود فونت فارسی برای المنتور با فرمت مناسب
نکته بســـیار مهمی که اکثر کاربران وردپرسی به آن بیتوجهی میکنند، عدم توجه به فرمت فونتهای سفارشی در المنتور است. برای افزودن فونت به المنتور باید فونتهایی که دانلود میکنید شامل فرمتهای مختلفی مثل WOFF، WOFF2، TTF، SVG و EOT باشد. هرکدام از این فرمتها در مرورگرها و دستگاههای مختلفی پشتیبانی میشوند.
توصیه مهم: پیشنهاد میکنیم برای اضافه کردن فونت به المنتور حتماً از فرمتهای WOFF، WOFF2 و TTF استفاده کنید.
مراحل اضافه کردن فونت فارسی برای المنتور
برای افزودن فونت به المنتور اولین قدم بعداز دانلود فونت با وزن و فرمت مناسب، ورود به پیشخوان وردپرس است.
بعداز ورود به پیشخوان وردپرس، از منوهای سمت راست، به قسمت “المنتور” بروید. اگر المنتورپرو در وردرپرس نصب و فعال باشد، گزینه “فونتهای سفارشی” نمایش داده میشود. روی این گزینه کلیک کنید تا وارد تنظیمات مربوطه شوید.
از قسمت بالای صفحه روی دکمه “افزودن فونت جدید” کلیک کنید.
سپس برای فونت خود یک نام دلخواه تعیین کنید، این نام هنگام استفاده از المنتور نمایش داده میشود. در نهایت روی دکمه “افزودن فونت متغییر” کلیک کنید.
نصب و بارگذاری فونت در المنتور
مهمترین قسمت افزودن فونت به المنتور همین مرحله است. در این بخش باید فایلهای فونت با فرمت مناسب و ضخامت مناسب بارگذاری شوند.
زمانی که فونت سفارشی از سایتهای مختلف دانلود میکنید، هر وزن فونت دارای فرمتهای مختلفی است که در ابتدای مقاله به آنها اشاره کردیم.
در این مرحله شما باید ابتدا از قسمت “ضخامت” وزن فونتی که دانلود کردید را مشخص کنید. برای مثال اگر فونت وزیر با وزن 400 را دانلود کردید، از این بخش باید ضخامت 400 را انتخاب کنید.
سپس باید فرمتهای مختلف این وزن را بخش مربوط به خودش بارگذاری کنید.
نکته: زمانی که فونت با وزن خاصی را دانلود میکنید، عموماً فرمتهای مختلف آن همراه با فونت موجود است.
نکته مهم: برای اضافه کردن فونت با ضخامت و استایلهای مختلف باید هربار روی دکمه “افزودن فونت متغییر” کلیک کنید و فایلهای مربوطه را بارگذاری کنید. مثلاً یکبار فونت با وزن 400 را اضافه کنید، روی دکمه افزودن فونت متغییر کلیک کنید و فونت با وزن 600 را اضافه کنید.
اضافه کردن فونت به المنتور با کد CSS
یکی دیگر از راههای افزودن فونت به المنتور استفاده از کدهای CSS است. برای این منظور ابتدا فونت خود را با فرمتهای مختلف در بخش “رسانه” بارگذاری کنید.
سپس از طریق پیشخوان، بخش نمایش وارد ویرایشگر پرونده پوسته شوید. از سمت چپ قالب فرزند یا چایلد را انتخاب کنید و وارد بخش STYLE.CSS شوید.
کدهای زیر را برای افزودن فونت سفارشی به سایت اضافه کنید.
@font-face {
font-family: Iransans;
font-style: normal;
font-weight: 400;
src: url(‘link font .eot’);
src: url(‘link font .eot?#iefix’) format(’embedded-opentype’), /* IE6-8 */
url(‘link font .woff2’) format(‘woff2’), /* FF39+,Chrome36+, Opera24+*/
url(‘link font .woff’) format(‘woff’), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url(‘link font .ttf’) format(‘truetype’);
}
نکات مهم: حتماً از قالب چایلد استفاده کنید. در بخش font-family نام فونت خود را وارد کنید. روبهروی font-style و font-weight استایل و وزن فونت را وارد کنید. در هر خط از کد که با scr مشخص شده است، لینک فایل فونت با فرمت مشخص شده را قراردهید.( لینکی که در رسانه قرار دارد)
تغییر فونت و تغییر سایز فونت در المنتور
بعداز اتمام بارگذاری فایلهای فونت در المنتور وارد یکی از صفحاتی که با المنتور طراحی کردهاید شوید. از طریق سهخط بالای صفحه وارد “تنظیمات سایت” شوید. سپس وارد بخش تایپوگرافی شوید و فونت سفارشی را برای هدینگها و بدنه سایت انتخاب کنید.
حل مشکل فراخوانی نشدن فونت در المنتور
گاهی اوقات، با افزودن فونت به المنتور با مشکل عدم نمایش یا فراخوانی نشدن فونت مواجه میشوید. این مشکل میتواند به دلایل مختلفی رخ دهد. برای مثال، بارگذاری نادرست فرمتهای فونت در المنتور، مشکلات کش سایت و غیره میتواند باعث این مشکل شوند.
برای رفع این مشکل میتواند یکبار دیگر تنظیمات بارگذاری فونت را بررسی کرده و کش سایت را با استفاده از افزونههای کشینگ پاک کنید، همچنین میتوانید از روشی که در مقاله فراخوانی نشدن استایل در المنتور ارائه شدهاست استفاده کنید.
نتیجهگیری
افزودن فونت به المنتور از راههای مفید برای شخصیسازی و بهبود ظاهر سایت است. در این مقاله بهطور کامل با نحوه اضافه کردن فونت فارسی به المنتور آشنا شدید همچنین نکات مهم هنگام دانلود و نصب فونت در المنتور را توضیح دادیم. امیدواریم این مقاله برایتان مفید باشد.
