خلاصه:
۱- فونت اورجینال بخرید ۲-بهینهسازی فونت بوسیله فرمت WOFF2 امکانپذیره ۳- یک فونت بتنهایی برای یک سایت کافیه
| بوسیله WOFF2 | بهینه سازی فونت | بوسیله WOFF |
بهینه سازی فونت سایت وردپرسی چیست؟
آیا می‌دانستید فونت‌ها می‌توانند قاتل سرعت وب‌سایت شما باشند؟ 😱 هر وب‌سایتی برای نمایش متون به فونت نیاز دارد، اما اگر این فونت‌ها به درستی بارگذاری نشوند، می‌توانند سرعت بارگذاری صفحه را به شدت کاهش دهند. این مقاله یک راهنمای جامع و کاربردی برای بهینه سازی فونت سایت وردپرسی است تا وب‌سایت شما مثل موشک حرکت دهد! ⚡️
اهمیت بهینه سازی فونت
مثال : یک صفحه خالی در وردپرس که فقط چند کلمه متن دارد، ممکن است به دلیل بارگذاری نادرست فونت‌ها نزدیک به ۱ مگابایت حجم داشته باشد! در حالی که همان صفحه بدون فونت‌های اضافی، تنها حدود ۳۰ کیلوبایت حجم دارد. این تفاوت عظیم نشان می‌دهد که افزایش سرعت سایت تا چه حد به اهمیت بهینهسازی فونت ها وابسته است.
نصب محلی فونت‌ها (Self-Hosting)
بهترین و بهینه‌ترین روش، نصب محلی فونت‌ها بر روی هاست خودتان است. این کار به شما کنترل کامل بر روی فایل‌ها را می‌دهد و تمام مشکلات بالا را حل میکند. خوشبختانه، صفحه‌سازهایی مانند المنتور (Elementor Pro) این قابلیت را به سادگی در اختیار شما قرار می‌دهند.✅
بهترین فونت وب WOFF2
بهترین فونت وب ازنظر پشتیبانی مرورگرهای از فونت:WOFF2 👑
WOFF (Web Open Font Format): نسخه بهینه‌شده TTF که توسط تمام مرورگرهای مدرن پشتیبانی میشود و حجم کمتری دارد.
WOFF2 (Web Open Font Format 2) بهترین و بهینه‌ترین فرمت موجود! این فرمت فشرده‌سازی بسیار بهتری دارد و حجم فایل را به حداقل می‌رساند. امروزه تقریباً تمام مرورگرهای مدرن از آن پشتیبانی می‌کنند.
تفاوت فونت WOFF و WOFF2
پیشنهاد نهایی: همیشه از فرمت‌های WOFF و WOFF2 استفاده کنید. مرورگرهای جدید به طور خودکار نسخه سبک‌تر (WOFF2) را بارگذاری می‌کنند و مرورگرهای قدیمی‌تر از WOFF استفاده خواهند کرد.
سایت بهینه کردن فونت Font Squirrel
برای بهینه سازی فونت سایت وردپرسی وکاهش ۹۰ درصدی حجم فونت های دانلودی نامعتبر ازروش پاییبن استفاده کنید.این یک ترفند حرفه‌ای برای کاهش حجم فونت است. ابزار رایگان Web Font Generator در وب‌سایت Font Squirrel می‌تواند حجم فایل‌های شما را به طرز شگفت‌انگیزی کاهش دهد.
۱. به وب‌سایت Font Squirrel بروید و ابزار “Web Font Generator” را باز کنید.
2. فایل‌های فونت (فرمت TTF یا OTF-Eot-Svg) که انتخاب کرده‌اید را آپلود کنید.
3. تنظیمات را روی حالت ” OPTIMAL” قرار دهید.
۴. تیک گزینه Agreement فعال کنید!
WOFF و WOFF2 دکمه دانلود پس از گزشت چند ثانیه فعال میشود زیر جدول.
نتیجه شگفت‌انگیز: با این روش، یک فایل فونت ۱۸۰ کیلوبایتی TTF می‌تواند به یک فایل WOFF با حجم ۱۱ کیلوبایت و یک فایل WOFF2 با حجم فقط ۸ کیلوبایت تبدیل شود! این یعنی بیش از ۹۰٪ کاهش حجم!📊
انتخاب فونت مناسب سایت
فونت: پلی نامرئی بین هویت برند و ذهن کاربر
انتخاب فونت برای سایت، فراتر از زیبایی‌شناسی صرف، یک استراتژی ارتباطی حیاتی است. فونت مناسب همچون صدای نامرئی برند شما عمل میکند؛ یک فونت سریف کلاسیک (مانند ایران سنس) حس اعتبار را منتقل میکند، در حالی که یک فونت سان‌سریف مدرن (مانند نستعلیق) ، کارایی و رویکردی معاصر سبک ایرانی را القا می‌نماید.
هرفونت تجربه کاربری (UX) تأثیر مستقیم می‌گذارد: خوانایی ضعیف منجر به خستگی بصری و افزایش نرخ پرش (Bounce Rate) میشود، این انتخاب، نخستین و پایدارترین تأثیر روانشناختی بر بازدیدکننده شماست.
مبع عکس از کانال :سیاوش پیری
خرید فونت اورجینال سایت
منابع رسمی خرید فونت اورجینال سایت وردپرسی:
سایت تبدیل فونت ها
سایت معتبر تبدیل فونت ها https://transfonter.org/ هر پسوند فونتی را به هر پسوندی که بخواهید اسان و رایگان تبدیل میکند! بدون افت کیفیت یا مشکل فنی در فونت خروجی
- بدون ثبت نام
- بدون فیلتر شکن
افزودن فونت به وردپرس المنتور
حالا که فونت‌های بهینه شده را در اختیار دارید، بیایید آنها را به صورت اصولی به سایت خود اضافه کنیم.
مرحله ۱: آپلود فونت‌های سفارشی در المنتور
قابلیت افزودن فونت سفارشی یکی از ویژگی‌های قدرتمند المنتور پرو است.
۱. از پیشخوان وردپرس به مسیر المنتور > فونت‌های سفارشی (Custom Fonts) بروید.
2. روی دکمه “افزودن جدید” (Add New) کلیک کنید.
3. یک نام برای خانواده فونت خود وارد کنید (مثلاً “IRANSansWeb”). این نام در ویرایشگر المنتور نمایش داده خواهد شد.
4. حالا روی دکمه “افزودن متغیر فونت” (Add Font Variation) کلیک کنید.
5. در این بخش، فایل‌های بهینه‌شده WOFF و WOFF2 را برای یکی از وزن‌ها (مثلاً Regular) آپلود کنید.
Weight (وزن): وزن مربوطه را انتخاب کنید (مثلاً Normal 400).
Style (استایل):استایل را روی Normal قرار دهید.
6. مراحل ۴ و ۵ را برای تمام وزن‌های دیگری که نیاز دارید (مثلاً Bold 700) تکرار کنید.
7. پس از افزودن تمام متغیرها، روی دکمه “انتشار” (Publish) کلیک کنید.
فقط استایل‌های ضروری را نصب کنید!
وقتی یک خانواده فونت را دانلود می‌کنید، با ده‌ها فایل مختلف (وزن‌های گوناگون، استایل‌های ایتالیک و…) روبرو می‌شوید. شما به همه آنها نیاز ندارید! 💡 نصب هر فایل اضافی، حجم صفحه را بیهوده افزایش می‌دهد.
ایده‌آل: ۳ تا ۲ وزن فونت کافی است (مثلاً Regular, Medium ).
چه استایل فونتی بهینه نیست!
– Thin / Extra Light: خوانایی بسیار پایینی در نمایشگرها دارند و برای دسترسی‌پذیری (Accessibility) مناسب نیستند.
– ایتالیک (Italic): در ۹۹٪ موارد، می‌توانید همان افکت را با گزینه‌های CSS یا تنظیمات صفحه‌ساز ایجاد کنید، بدون اینکه نیاز به بارگذاری یک فایل جداگانه داشته باشید.
-آپلود فرمت‌های قدیمی (مثل .eot, .ttf, .svg) باعث افزایش بی‌دلیل حجم سایت و زمان بارگذاری میشود.
تنظیمات فونت در المنتور
برای اینکه فونت جدید به صورت خودکار در تمام بخش‌های سایت اعمال شود، باید آن را در تنظیمات سراسری تعریف کنید.
۱. یک صفحه را با ویرایشگر المنتور باز کنید، روی منوی همبرگری (☰) در گوشه بالا سمت چپ کلیک کرده و “تنظیمات سایت” (Site Settings) را انتخاب کنید.
2. به بخش “فونت‌های سراسری” (Global Fonts) بروید.
3. شما می‌توانید فونت‌های اصلی مانند “اصلی”، “ثانویه”، “متن” را ویرایش کنید. روی یکی از آنها کلیک کرده و از لیست خانواده فونت، نام فونتی که در مرحله قبل اضافه کردید (مثلاً “IRANSansWeb”) را انتخاب کنید.
غیرفعال کردن فونت‌های گوگل
حتی پس از نصب محلی فونت‌ها، ممکن است المنتور همچنان در پس‌زمینه به سرورهای گوگل متصل شود. برای جلوگیری کامل از این اتفاق:
۱. از پیشخوان وردپرس به المنتور > تنظیمات (Settings) بروید.
2. وارد تب “پیشرفته” (Advanced) شوید.
3. گزینه”بارگذاری فونت‌های گوگل” (Google Fonts Load) را پیدا کرده و آن را روی “غیرفعال” (Disable) تنظیم کنید. 🎯
آموزش های رایگان بیشتر : طراحی سایت شرکتی
2 پاسخ
فونت قالب وودمارت لازم بهینه یاعوض بشه؟
نه – قالب اورجینال فونتش بهینه ! مگر بخای اضاف کنی ک اونم خوب نیست! یک فونت عالیه