ورود | ثبت نام
می‌خوای سایت وردپرسی‌ات رو با یه فونت جذاب و شیک، خاص کنی؟ تو این مقاله از نوین اسکیلز، قراره یه راهنمای کامل و کاربردی برای افزودن فونت دلخواه به وردپرس بهت بدیم. از افزونه‌های ساده گرفته تا کدنویسی حرفه‌ای، همه روش‌ها رو با جزئیات بررسی می‌کنیم.
نه تنها بهت نشون می‌دیم چطور فونت‌های قشنگ به سایتت اضافه کنی، بلکه نکات سئو، تجربه کاربری (UX) و بهینه‌سازی سرعت رو هم برات باز می‌کنیم. هدفمون اینه که سایتی داشته باشی که هم چشم‌نواز باشه، هم سریع لود بشه و هم تو نتایج گوگل بدرخشه! آماده‌ای؟ بریم سراغ جزئیات! 🚀
فونت، روح بصری سایته! انتخاب یه فونت مناسب، نه تنها سایتت رو زیباتر می‌کنه، بلکه تجربه کاربری رو بهتر و حتی سئوی سایتت رو تقویت می‌کنه. یه فونت خوانا و جذاب، باعث می‌شه کاربرا بیشتر تو سایتت بمونن و محتوات رو با لذت بخونن.
از طرفی، افزودن فونت دلخواه به وردپرس می‌تونه سرعت لود سایتت رو تحت تأثیر قرار بده، که این موضوع مستقیماً به Core Web Vitals ربط داره. تو این بخش، می‌خوایم ببینیم چرا فونت خوب، کلید موفقیت سایته و چطور می‌تونه بهت کمک کنه تو رقابت آنلاین بدرخشی.
حتماً ازین مقاله هم خوشت میاد: 📊 راهنمای کامل اتصال Google Analytics به وردپرس
یه فونت خوب، مثل یه راهنمای خوش‌صدا تو سایت عمل می‌کنه. فونت‌های خوانا مثل ایران‌سنس یا وزیرمتن باعث می‌شن کاربرا بدون خستگی چشم، محتوات رو بخونن. یه فونت جذاب، حس حرفه‌ای بودن به سایتت می‌ده و کاربرا رو ترغیب می‌کنه بیشتر بگردن.
گوگل عاشق سایت‌های سریعه! اگه فونتت درست انتخاب و بهینه‌سازی بشه، سرعت لود سایتت بهتر می‌شه و این یعنی امتیاز بیشتر تو سئو. مثلاً استفاده از فرمت woff2 حجم فونت رو کم می‌کنه و باعث می‌شه سایتت سریع‌تر بالا بیاد.
وقتی می‌خوای فونت دلخواه به وردپرس اضافه کنی، باید بدونی چه فرمتی برای وب بهتره. فرمت‌های فونت مثل woff2، woff، ttf و eot هر کدوم ویژگی‌های خاص خودشون رو دارن. انتخاب درست فرمت، هم روی سرعت سایتت اثر می‌ذاره، هم سازگاریش با مرورگرهای مختلف رو تضمین می‌کنه. تو این بخش، این فرمت‌ها رو بررسی می‌کنیم و می‌گیم چرا یکی از اونا از بقیه بهتره.
woff2 جدیدترین و فشرده‌ترین فرمته که سرعت لود بالایی داره. woff نسخه قدیمی‌تره و هنوز هم خوب کار می‌کنه. ttf و eot بیشتر برای مرورگرهای قدیمی‌تر مثل اینترنت اکسپلورر کاربرد دارن، ولی حجمشون بالاتره.
woff2 به خاطر فشرده‌سازی بهتر، حجم کمتری داره و باعث می‌شه سایتت سریع‌تر لود بشه. تقریباً همه مرورگرهای مدرن ازش پشتیبانی می‌کنن، پس خیالت راحته که فونتت همه جا درست نمایش داده می‌شه.
اگه کدنویسی بلد نیستی، نگران نباش! افزونه‌های وردپرس میان به دادت میرسن. این ابزارها بهت کمک می‌کنن بدون دردسر، فونت دلخواه به وردپرس اضافه کنی. تو این بخش، چند تا افزونه معروف رو معرفی می‌کنیم و بهت می‌گیم چطور ازشون استفاده کنی. از Persian Fonts گرفته تا Use Any Font، همه رو با جزئیات بررسی می‌کنیم.
این افزونه مخصوص فونت‌های فارسی طراحی شده. کافیه نصبش کنی، فونتت رو آپلود کنی و از تنظیماتش برای اعمال فونت به بخش‌های مختلف سایت استفاده کنی. کار باهاش خیلی راحته!
این یکی برای کساییه که می‌خوان از فونت‌های گوگل استفاده کنن. می‌تونی فونت‌های مختلف رو تست کنی و با چند کلیک به سایتت اضافه کنی. تنظیماتش هم خیلی کاربرپسنده.
Use Any Font بهت اجازه می‌ده هر فونتی رو آپلود کنی و به سایتت اضافه کنی. Custom Fonts هم گزینه مشابهیه که سازگاری خوبی با قالب‌های مدرن داره.
این افزونه ایرانی، کار افزودن فونت دلخواه به وردپرس رو خیلی ساده کرده. فقط کافیه فایل فونتت رو آپلود کنی و از پنل تنظیماتش، فونت رو به سایتت اعمال کنی.
هر کدوم از این افزونه‌ها مزایای خاص خودشون رو دارن. مثلاً Persian Fonts برای فونت‌های فارسی بهینه‌ست، ولی Use Any Font انعطاف‌پذیری بیشتری داره. تو این بخش، یه جدول مقایسه‌ای برات آماده می‌کنیم تا راحت انتخاب کنی.
استفاده از افزونه برای افزودن فونت دلخواه به وردپرس مثل یه شمشیر دو لبه‌ست. از یه طرف، کار رو برای مبتدی‌ها راحت می‌کنه، از طرف دیگه ممکنه مشکلاتی مثل کندی سایت یا ناسازگاری پیش بیاره. تو این بخش، همه جوانب این روش رو بررسی می‌کنیم تا بتونی تصمیم درستی بگیری.
افزونه‌ها برای کسایی که وقت یا دانش کدنویسی ندارن، مثل یه معجزه‌ست. با چند کلیک می‌تونی فونت دلخواهت رو به سایتت اضافه کنی.
بعضی افزونه‌ها درخواست‌های اضافی به سرور می‌فرستن که ممکنه سرعت سایتت رو کم کنه. اگه تعداد افزونه‌هات زیاد باشه، این مشکل پررنگ‌تر می‌شه.
حتماً ازین مقاله هم خوشت میاد: رفع خطای 404 در وردپرس: راهنمای جامع و کاربردی
افزونه‌های غیراستاندارد ممکنه با آپدیت وردپرس یا قالب‌ها سازگار نباشن. همیشه از منابع معتبر مثل نوین اسکیلز افزونه دانلود کن.
بعضی قالب‌های وردپرس، مثل Astra، امکان افزودن فونت دلخواه به وردپرس رو از طریق تنظیمات خودشون دارن. این روش نیازی به کدنویسی پیچیده نداره و برای کسایی که می‌خوان کنترل بیشتری داشته باشن، عالیه. تو این بخش، می‌گیم چطور از این قابلیت استفاده کنی.
تو قالب‌های حرفه‌ای مثل Astra، می‌تونی از بخش سفارشی‌سازی فونت‌ها رو تغییر بدی. فقط کافیه بری به تنظیمات تایپوگرافی و فونتت رو انتخاب کنی.
می‌تونی برای تیترها، متن اصلی یا حتی لینک‌ها فونت‌های مختلف بذاری. این کار به سایتت یه ظاهر منسجم و حرفه‌ای می‌ده.
یکی از بهترین ویژگی‌های این روش، پیش‌نمایش زنده‌ست. می‌تونی تغییرات رو همون لحظه ببینی و اگه خوشت نیومد، عوضش کنی.
اگه می‌خوای کنترل کامل رو دستت بگیری، کدنویسی با font-face@ بهترین گزینه‌ست. این روش بهت اجازه می‌ده هر فونتی رو به سایتت اضافه کنی و کاملاً بهینه‌سازی کنی. تو این بخش، قدم به قدم یادت می‌دیم چطور فونت دلخواه به وردپرس اضافه کنی.
اول یه پوشه به اسم fonts تو هاستت بساز و فایل‌های فونتت (مثل woff2) رو اونجا آپلود کن.
تو فایل style.css قالب، کد زیر رو اضافه کن:
@font-face {
font-family: 'MyFont';
src: url('fonts/myfont.woff2') format('woff2'),
url('fonts/myfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
حالا می‌تونی فونت رو به بخش‌های مختلف مثل body یا h1 اعمال کنی:
body {
font-family: 'MyFont', sans-serif;
}
برای مرورگرهای قدیمی، می‌تونی فرمت‌های eot یا svg رو هم اضافه کنی، ولی معمولاً woff2 کافیه.
حالا که هر دو روش افزودن فونت دلخواه به وردپرس رو دیدی، کدومش بهتره؟ افزونه‌ها ساده‌ترن، ولی کدنویسی کنترل بیشتری بهت می‌ده. تو این بخش، این دو روش رو از نظر سرعت، انعطاف‌پذیری و نگه‌داری مقایسه می‌کنیم تا بتونی بهترین گزینه رو انتخاب کنی.
افزونه‌ها برای شروع سریع عالی‌ان، ولی کدنویسی نیاز به زمان و دانش داره.
با کدنویسی می‌تونی فونت‌ها رو بهینه کنی و درخواست‌های اضافی رو حذف کنی، که برای سرعت سایتت عالیه.
حتماً ازین مقاله هم خوشت میاد: ۷ راه مطمئن جلوگیری از حمله Core Web Vitals Poisoning برای حفظ سئوی سایت شما
افزونه‌ها ممکنه با آپدیت وردپرس مشکل پیدا کنن، ولی کدنویسی معمولاً پایدارتره.
فونت‌های فارسی جذاب، روح سایتت رو عوض می‌کنن! تو این بخش، چند تا از بهترین فونت‌های فارسی که برای وب عالی‌ان رو معرفی می‌کنیم. این فونت‌ها هم خوانا هستن، هم برای افزودن فونت دلخواه به وردپرس بهینه شدن.
ایران‌سنس یکی از محبوب‌ترین فونت‌های فارسیه که هم خوانایی بالایی داره، هم حس مدرن به سایتت می‌ده.
وزیرمتن یه فونت متن‌باز و رایگانه که برای وب بهینه شده و خیلی از سایت‌های ایرانی ازش استفاده می‌کنن.
بی‌یکان یه فونت کلاسیک و حرفه‌ایه که برای تیترها و متن‌های اصلی عالیه.
فونت‌هایی مثل شبنم و تنظیم هم گزینه‌های خوبی برای وب هستن که می‌تونی تستشون کنی.
فونت‌ها فقط برای زیبایی نیستن! اگه درست بهینه‌سازی بشن، می‌تونن سئوی سایتت رو تقویت کنن. تو این بخش، چند تا ترفند بهت یاد می‌دیم که چطور فونت دلخواه به وردپرس اضافه کنی و همزمان سرعت سایتت رو بالا نگه داری.
با اضافه کردن تگ <"link rel="preload> تو هدر سایت، می‌تونی فونت‌ها رو سریع‌تر لود کنی:
<link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>
همون‌طور که گفتیم، woff2 کم‌حجم‌ترین فرمته و سرعت سایتت رو حسابی بالا می‌بره.
برای جلوگیری از FOUT (نمایش فونت پیش‌فرض) یا FOIT (فونت نامرئی)، از font-display: swap تو کد CSS استفاده کن.
سایتت باید تو موبایل هم بدرخشه! فونت‌های مناسب برای موبایل، خوانایی و جذابیت سایتت رو تو صفحه‌های کوچک تضمین می‌کنن. تو این بخش، نکات مهم برای افزودن فونت دلخواه به وردپرس با تمرکز روی واکنش‌گرایی رو بررسی می‌کنیم.
برای موبایل، اندازه فونت حداقل 16px برای متن اصلی مناسبه. تیترها هم بهتره بین 20 تا 24px باشن.
حتماً ازین مقاله هم خوشت میاد: نمونه قرارداد طراحی سایت به همراه نکات کلیدی تنظیم قرارداد
فاصله خطوط (line-height) رو بین 1.5 تا 1.8 تنظیم کن تا متن تو موبایل خوانا باشه.
با متغیرهای CSS می‌تونی فونت‌ها رو برای دستگاه‌های مختلف بهینه کنی:
:root {
--font-size-base: 16px;
}
@media (max-width: 768px) {
body {
font-size: var(--font-size-base);
}
}
قبل از افزودن فونت دلخواه به وردپرس، باید مطمئن بشی که فونتت مجوز قانونی داره. استفاده از فونت بدون مجوز می‌تونه دردسرساز بشه. تو این بخش، نکات مهم درباره مجوز فونت‌ها رو بررسی می‌کنیم.
فونت‌های رایگانی مثل وزیرمتن معمولاً متن‌بازن و برای استفاده تجاری هم اوکی‌ان. ولی فونت‌های تجاری نیاز به خرید مجوز دارن.
همیشه منبع فونت رو چک کن. نوین اسکیلز یه سری منبع معتبر برای فونت‌های فارسی معرفی کرده که می‌تونی ازشون استفاده کنی.
استفاده از فونت بدون مجوز می‌تونه باعث جریمه یا حتی حذف سایتت از نتایج گوگل بشه. پس همیشه حواست باشه!
بعد از افزودن فونت دلخواه به وردپرس، باید مطمئن بشی همه‌چیز درست کار می‌کنه. ابزارهای تست بهت کمک می‌کنن مشکلات فونت رو پیدا کنی و سایتت رو بهینه‌تر کنی.
Lighthouse یه ابزار رایگانه که سرعت لود فونت‌ها و مشکلات سئو رو بهت نشون می‌ده.
با DevTools مرورگر می‌تونی ببینی فونت‌ها درست لود می‌شن یا نه. بخش Network خیلی به کار میاد.
ابزارهایی مثل BrowserStack بهت کمک می‌کنن سایتت رو تو دستگاه‌های مختلف تست کنی.
اگه سایتت چندزبانه‌ست، باید فونت‌هایی انتخاب کنی که از همه زبان‌ها پشتیبانی کنن. تو این بخش، چند تا نکته برای افزودن فونت دلخواه به وردپرس تو سایت‌های چندزبانه بهت می‌گیم.
فونت‌هایی مثل Vazirmatn+Roboto برای سایت‌های فارسی و انگلیسی عالی‌ان، چون همخوانی خوبی دارن.
حتماً ازین مقاله هم خوشت میاد: نحوه تغییر پیوند یکتا در وردپرس
فونت‌های دو زبانه باعث می‌شن سایتت تو همه زبان‌ها یکدست و زیبا به نظر بیاد.
می‌خوای یه قدم جلوتر بری؟ تو این بخش، چند تا ترفند حرفه‌ای برای افزودن فونت دلخواه به وردپرس بهت یاد می‌دیم که سایتت رو خاص‌تر کنه.
یه فونت اختصاصی می‌تونه برندت رو متمایز کنه. ابزارهایی مثل FontForge بهت کمک می‌کنن فونت خودت رو بسازی.
استفاده از CDN داخلی باعث می‌شه فونت‌ها سریع‌تر لود بشن و سرعت سایتت بهتر بشه.
حتماً فونت‌ها رو با کاربرای واقعی تست کن تا مطمئن بشی تجربه کاربریشون عالیه.
حالا که همه روش‌های افزودن فونت دلخواه به وردپرس رو یاد گرفتی، وقتشه دست به کار بشی! اول یه فونت مناسب مثل وزیرمتن یا ایران‌سنس انتخاب کن. اگه مبتدی هستی، با افزونه‌ها شروع کن. اگه حرفه‌ای‌تری، از کدنویسی و font-face@ استفاده کن. همیشه سرعت سایت و سئو رو در نظر داشته باش و فونت‌ها رو برای موبایل بهینه کن. با این راهنما، می‌تونی سایتی بسازی که هم زیبا باشه، هم سریع!