روش تغییر فونت قالب وردپرس با کد و افزونه
در این آموزش میخواهیم فونت بی یکان را به قالب سایتمان اضافه کنیم. ابتدا یک پوشه به نام fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.
بعد از آپلود کد زیر را در فایل style.css قالب سایتتان کپی کنید:
نکته : باید فایل style.css و فلدر fonts در کنار هم باشند
@font-face { font-family: ‘BYekan’; src: url(‘fonts/BYekan.eot?#’) format(‘eot’), url(‘fonts/BYekan.woff’) format(‘woff’), url(‘fonts/BYekan.ttf’) format(‘truetype’); } body{ font-family:BYekan; }
حال کافی است هر جا دستور font-family در قالب هست مقدار Byekan را به صورت زیر به آن اضافه کنیم
h1{ font-family: 'Byekan'; font-size:14px; }
نکته : برای اینکه فونت در تمام مرورگرها به درستی نمایش داده شود نیاز به فرمت های ttf ، eot و woff فونت میباشید.
- پسوند eot: مخصوص مرورگر IE
- پسوند ttf: فرمت استاندارد فونت میباشد و به غیر از اینترنت اکسپلورر بیشتر مرورگرها از این فرمت پشتیبانی میکنند.
- پسوند woff: این فرمت بیشتر توسط مرورگرهای مدرن و اینترنت اکسپلورر ۹ به بعد پشتیبانی میشود.
همپنین به کمک افزونه Font farsi در وردپرس میتوانید بدون نیاز به موارد فوق فونت دلخواه خودتان را نصب کنید
به کمک سایت فونت یاب میتوانید فونت های دلخواه را دانلود کنید یا خریداری کنید
در همین زمینه ببینید :
طراحی سایت حرفه ای با قالب محبوب پابلیشر
ممنون از آموزشتون واقعا عالی بود اما من هم در هاست و هم در لوکال هاست به صورت دستی تک تک کارها رو انجام دادم اما تغییری حاصل نشد کش مرورگر و وردپرس هم پاک کردم با افزونه ماندگار هم فقط بغضی قسمت ها تغییر کرد.باعث خرسندی منه اگه با تجربیاتتون به من کمک کنید
پیشنهاد میکنم اول آموزش html و css رو از بخش زیر ببنید
مشکل اصلیتون در آدرس دهی تگ ها برای شناخت فونت است
https://behinwebdesign.com/html-css/
درود به شما آقای همتی عزیز،
عالی بود خیلی لذت بردم…