طراحی سایت

  • ۰
  • ۰

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

  • فونت‌های رسمی مثل ایران سنس یا ایران یکان برای وب‌سایت‌های شرکتی و خبری انتخاب مناسبی هستند.

  • فونت‌هایی مثل B Titr برای تیترها و عناوین استفاده می‌شوند تا توجه کاربر را جلب کنند.

  • در عین حال، فونت‌های ساده‌تر برای متن‌های طولانی مناسب‌ترند چون چشم را خسته نمی‌کنند.

نکته مهم این است که فونت فقط ظاهر متن را تغییر نمی‌دهد، بلکه می‌تواند شخصیت برند شما را به مخاطب منتقل کند.

چند فونت در سایت استفاده کنیم؟

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

پیشنهاد حرفه‌ای:

  • حداقل ۱ فونت اصلی برای متن‌ها

  • حداکثر ۳ فونت مختلف برای کل سایت (متن، عناوین و بخش‌های خاص)

به این ترتیب هم تنوع دارید، هم سایتتان سبک و سریع باقی می‌ماند.

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

مرحله ۱: تبدیل فونت به فرمت وب

فونت‌هایی که روی کامپیوتر استفاده می‌کنید معمولاً برای وب آماده نیستند. پس باید ابتدا آن‌ها را به فرمت مخصوص وب (مانند WOFF یا WOFF2) تبدیل کنید.

  • وارد سایت OnlineFontConverter.com شوید.

  • فایل فونت خود (ttf یا otf) را در سایت آپلود کنید.

  • پسوند مناسب (مثل WOFF) را انتخاب کنید.

  • روی گزینه Save your font کلیک کنید و بعد فایل زیپ‌شده را دانلود کنید.

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

مرحله ۲: ورود به تنظیمات المنتور

  • به پیشخوان وردپرس بروید.

  • از منوی المنتور، بخش فونت سفارشی (Custom Fonts) را انتخاب کنید.

  • روی افزودن فونت جدید (Add New Font) کلیک کنید.

مرحله ۳: بارگذاری فونت در المنتور

  • یک نام برای فونت وارد کنید (مثلاً "IranSans").

  • در بخش وزن و استایل (Weight & Style) گزینه‌های مختلف را تنظیم کنید (Bold، Regular، Italic و …).

  • فایل‌های فونت با پسوندهای مختلف (WOFF، TTF، SVG و …) را بارگذاری کنید.

  • تغییرات را ذخیره کنید.

مرحله ۴: استفاده از فونت در طراحی صفحات

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

نکات حرفه‌ای در انتخاب و استفاده از فونت

  • از فونت‌های فارسی استاندارد مثل ایران یکان، ایران سنس و وزیر برای متن‌ها استفاده کنید.

  • برای تیترها بهتر است فونت‌هایی مثل B Titr یا شبنم بولد به کار ببرید.

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

  • ترکیب فونت‌های ساده و خوانا با فونت‌های جذاب در عناوین، بهترین نتیجه را می‌دهد.

جمع‌بندی

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

پس فراموش نکنید:

  • از فونت‌های زیاد استفاده نکنید.

  • فونت‌ها را به فرمت وب تبدیل کنید.

  • همیشه عملکرد سایت را بعد از بارگذاری فونت‌ها بررسی کنید.

با رعایت این نکات، سایت شما حرفه‌ای‌تر، سریع‌تر و کاربرپسندتر خواهد شد.

منبع : https://ofoghweb.com/insert-custom-fonts-elemntor/

  • ۰۴/۰۵/۲۷
  • حامد نجفی

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی