افزودن فونت دلخواه در وردپرس

افزودن فونت دلخواه در وردپرس

در این بخش از آموزش با عنوان افزودن فونت دلخواه در وردپرس با آقای وبمستر

همراه باشید. برای اضافه کردن فونت نخست باید آن فونت را در ۳ و یا ۴ فرمت

داشته باشید. در این مقاله برای نمونه فونت Iran-sans مثال زده می‌شود.

فونت‌های شما باید در ۳ فرمت مختلف یعنی ttf، eot و woff و در برخی موارد

svg باشد. اما نگران نباشید می‌توانید فونت مورد دلخواه خود را با فرمت ttf

دانلود کرده و با استفاده از سایت های متفاوت آن را به فرمت های دیگر تبدیل کنید.

برای تبدیل فونت ttf به فرمت eot از آدرس

https://everythingfonts.com/ttf-to-eot و برای

تبدیل فونت ttf به فرمت woff از آدرس

https://everythingfonts.com/ttf-to-woff استفاده کنید.

افزودن فونت به قالب وردپرس

برای این کار در شروع قالب وردپرسی مورد دلخواه خود را دریافت و نصب کنید.

یک پوشه به نام fonts در داخل پوسته ایجاد و در صورتی که فایلی از قبل وجود داشت نیاز به ایجاد پوشه نیست.

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

برای مثال Iran-sans.ttf ، Iran-sans.woff ، Iran-sans.eot را در این پوشه بارگذاری کنید.

اکنون نوبت به استایل نویسی برای این فونت ها در فایل style.css پوسته است که ما در این مطلب این کد را تهیه کردیم

پیشنهاد می کنیم :   نحوه انتشار پست در وردپرس چگونه است؟

می توانید استفاده کنید و آن را در داخل فایل استایل پوسته خود قرار دهید.

بعد از قرار دادن کد بالا فایل گفته شده نوبت به تغییر تمامی font-family قالب است که می توانید این کلمه را جستجو و فونت را Iran-sans تغییر دهید.

به عنوان نمونه: اگر font-family یک بخش و تگ المان نوشته شده باشد font-family: Arial یعنی فونت این تگ یا المان Arial می باشد اینجاست که باید تغییر یابد

به font-family:Iran-sans

به همین آسانی فونت سایت و قالب خود را تغییر خواهید داد حالا با رفتن به صفحه ی سایت و زدن دکمه Ctrl+f۵ تغییرات را ملاحظه خواهید کرد.

تغییر فونت قالب حرفه ای وردپرس

در برخی از موارد که قالب در بخش پنل تنظیماتی خود بخشی برای استایل سفارشی دارد که می‌توانید برای سایت و پوسته‌ی خود

استایل‌های سفارشی بنویسد و تغییراتی را انجام دهید.

پیشنهاد می کنیم :   حذف تصاویر شاخص در وردپرس

شیوه دیگری که در اینجا وجود دارد نوشتن استایل سفارشی تغییر فونت قالب است.

اگر دوست دارید فایل style.css را برای تغییر فونت دست کاری نکنید می توانید از راه کار زیر استفاده کنید.

۱) فونت ها را در سه فرمت یا چهار فرمت در پوشه fonts آپلود کنید.

۲) کد زیر را در فایل style.css قالب خود قرار دهید.

فعلا احتیاجی نیست که تمامی font-family داخل استایل و یا rtl را جستجو و Iran-sans را جایگزین کنید؛

فقط کافیست کد زیر را کپی و در بخش استایل سفارشی که در پنل تنظیماتی قالب قرار دارد Paste کنید.

مقاله های مرتبط :

دیدگاه خود را بیان کنید :

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *