تو این مقاله قصد داریم یک پرسش پرتکرار رو پاسخ بدیم “چطور فونت دلخواه به وردپرس اضافه کنم؟”. برای اضافه کردن فونت دلخواه به وردپرس چند روش وجود داره که تو ادامه این مقاله ساده ترین روش هارو معرفی میکنیم.
قالب های پریمیوم و استاندارد مثل وودمارت، قالب سون و … بخشی برای تایپوگرافی دارن که میتونید فونت های موردنظرتون رو در فرمت woff و woff2 اضافه کنید.
اما روش های دیگه ای برای اضافه کردن فونت های دلخواه در وردپرس وجود داره.
اضافه کردن فونت با افزونه use any font
افزونه use any font یک راهکار ساده برای اضافه کردن فونت هست. در مرحله اول نسخه رایگان این افزونه رو از مخزن وردپرس دانلود کنید.
بعد از نصب و فعال سازی افزونه، از سایدبار پیشخوان وردپرس وارد افزونه بشین. گزینه Generate Free Lite / Test API Key رو انتخاب کنید تا توکن رایگان ایجاد بشه و بعد verifyکنید.
زبانه آپلود فونت رو انتخاب کنید و دکمه Upload fonts رو بزنید. نام فونت رو انتخاب کنید و در مرحله اخر فایل فونت با فرمت woff woff2 آپلود کنید.
تخفیف ویژه با پرداخت اقساط
اضافه کردن فونت با المنتور
المنتور جزو افزونه های پرکاربرد با نصب فعال بیش از 10 میلیون هست که در نسخه پریمیوم قابلیت اضافه کردن فونت رو داره. از زیر منو المنتور در پیشخوان وردپرس گزینه فونت های سفارشی رو انتخاب کنید.
از بالای صفحه دکمه اضافه کردن فونت رو کلیک کنید و در صفحهی پیش رو نام فونت رو وارد کنید. بعد Add Static Font رو انتخاب کنید. در آخر فونت رو آپلود کنید و انتشار فونت رو بزنید.
بعد از آپلود فونت و انتشار اون میتونید داخل ویرایشگر المنتور برای ویجت های متن فونت موردنظرتون رو انتخاب کنید.
فشرده سازی تصاویر تاثیر زیادی بر سرعت و سئوی سایت داره، اگر میخوای بدونی باید از کدوم افزونه فشرده سازی تصاویر استفاده کنی و بهتر باهاش آشنا بشی روی لینک کلیک کن!
نصب فونت با استفاده از کد
اگه قالب وردپرس شما امکان مدیریت و تغییر فونت از طریق پنل تنظیمات رو نداره، در قدم اول برای اضافه کردن فونت به صورت دستی فونت وارد پوشه قالب سایت بشید و یک پوشه جدید با نام Fonts بسازید. بعد فایلهای فونت رو با فرمت های مختلف داخل این پوشه آپلود کنید.
بعد از بارگذاری فونتها، فایل style.css قالب رو باز کنید و کد زیر رو بهش اضافه کنید:
@font-face {
font-family: font-name;
font-style: normal;
font-weight: normal;
src: url(‘fonts/eot/font-name.eot’);
url(‘fonts/woff2/font-name.woff2’) format(‘woff2’),
url(‘fonts/woff/font-name.woff’) format(‘woff’);
}
پس از افزودن این کد، داخل همون فایل style.css بهدنبال بخشهایی بگردید که font-family تعریف شده. مثلا، اگه جایی نوشته شده باشه:
font-family: arial;
اون رو به نام فونتی که اضافه کردین تغییر بدین: font-family: font-name;
بعد از ایجاد تغییرات، برای مشاهده تغییرات کش مرورگر و افزونه رو پاک کنید تا صفحه بهطور کامل رفرش بشه.
