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

اکثر قالبهای وردپرسی که شما دریافت میکنید، مخصوصاً قالبهایی که از سایت تم فارست خریداری میکنید؛ یا قالبهایی که از مخزن اصلی وردپرس دانلود میکنید دارای فونت فارسی نیستند. فونتهای پیشفرض این قالبها Tahoma ،TimesNewRoman و یا فونتهای عربی هستند. امروز قصد داریم به شما میهن وردپرسیها نحوه تغییر فونت در وردپرس را آموزش دهیم. در این آموزش از فونت بی یکان استفاده میکنیم. اما شما میتوانید هر فونت دیگری را استفاده کنید.
هر قالبی که شما بر روی سایت وردپرسی خود نصب میکنید نیازمند یک فونت فارسی است. درواقع سایت وردپرسی شما باید حتماً دارای فونت فارسی باشد. شما قادر هستید از فونتهای مختلفی مانند ایران سنس، بی یکان و… استفاده کنید؛ و درواقع از فونت دلخواه خود در سایت خود استفاده کنید. توسط فونت فارسی شما میتوانید در طراحی سایت خود تحول بزرگی به وجود بیاورید و ظاهر سایت خودتان را تا حد زیادی تغییر دهید. اضافه کردن فونت مناسب فارسی، سایت شما را در نظر کاربران دلچسبتر میکند.
پس افزودن فونت فارسی به قالب سایت وردپرس یکی از ضروریات است و هرگز نباید اهمیت آن را نادیده بگیرید. یک فونت فارسی مناسب میتواند تأثیر فوقالعادهای در ذهن کاربر نسبت به سایت شما بگذارد، و کاری کند که کاربر ارتباط بهتری با سایت شما و محتوای آن برقرار کند؛ و درنتیجه وقت بیشتری را در سایت شما بگذارند.
آنچه در این مقاله میخوانید
تغییر فونت در وردپرس
فونتهای متعددی در وردپرس وجود دارد که شما میتوانید از آنها استفاده کنید. اما به شما پیشنهاد میکنیم که حداکثر از 2 فونت در سایت خود استفاده کنید. چراکه بهکارگیری تعداد زیادی فونت در سایت ممکن است در آینده مشکلات زیادی برای سایت وردپرسی شما ایجاد کند. بهعنوانمثال ممکن است در آینده سرعت بارگذاری سایت شما کند شود، که این مشکل میتواند باعث کاهش تعداد بازدیدکنندگان سایت شما شود.
در این آموزش از فونت بی یکان استفاده می کنیم.
آماده سازی فونت فارسی برای افزودن فونت به وردپرس
در نظر داشته باشید که فونت مورداستفاده شما حتماً توسط موتورهای جستجو پشتیبانی شود. درصورتیکه موتورهای جستجو از فونت انتخابی شما پشتیبانی نکنند؛ فونت دیگری را جایگزین فونت سایت شما میکنند. بنابراین در انتخاب فونت برای سایت وردپرسی خود نهایت دقت را داشته باشید؛ تا بتوانید تقریباً در تمام موتورهای جستجو فرمتی یکسان برای فونت سایت خود به کاربران ارائه دهید.
در ابتدای کار شما نیاز به آمادهسازی سه فرمت از فایل فونت خود دارید. شما باید فرمتهای Ttf، Eot و Woff فونت خود را داشته باشید. از آنجا که فونت Ttf تقریباً با تمام مرورگرها سازگار است؛ پس ابتدا به دنبال فرمت Ttf که فرمت اصلی فونت است در وب بگردید. مثلاً برای دانلود آن، فونت بی یکان فارسی را سرچ کنید.
بعد از دانلود فرمت Ttf میتوانید با استفاده از ابزار تبدیل Ttf به Eot آن را به BYekan.eet تبدیل کرده؛ و با استفاده از ابزار تبدیل Ttf به Woff آن را به BYekan.woff تبدیل کنید. (البته ما در تیم میهن وردپرس برای راحتی کار شما عزیزان هر سه فرمت فونت بی یکان را آماده کردهایم؛ شما میتوانید از انتهای همین صفحه آن را دانلود کنید.)
افزودن فونت فارسی به قالبهای حرفهای وردپرس
بعد از نصب قالب (خصوصاً قالبهای حرفهای) در ابتدا دنبال پنل مدیریتی قالب بگردید. قالبهایی مثل قالب BeTheme یا قالب وردپرس آوادا بهصورت پیشفرض در پنل مدیریتی خود امکان اضافه کردن فونتهای سفارشی را دارند. شما بهراحتی با ورود به بخش فونتها یا تایپوگرافی در پنل مدیریت این قالبها میتوانید فونتهای دلخواه خود را اضافه کنید. برای این کار از سه فرمت ساختهشده در مرحله قبلی استفاده کنید.
کد افزودن فونت فارسی به وردپرس
درصورتیکه قالب وردپرسی شما از پنل مدیریت و تنظیمات فونتها پشتیبانی نمیکند؛ ابتدا یک پوشه به نام Fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.
بعد از آپلود فایلها کد زیر را در فایل style.css قالب سایت خود کپی کنید:
@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; }
اکنون کافی است در فایل Style.css قالب جستجو کرده و Font-family های قالب را تغییر دهید.
مثلا اگر جایی از این فایل نوشته شده بود font-family: Tahoma یعنی فونت این المان Tahoma است. پس شما میتوانید آن را به font-family:BYekan تغییر دهید.
اکنون سایت وردپرسی خود را باز کرده و با زدن Ctrl+f5 مشاهده میکنید که فونت زیبای یکان به سایت شما اضافه شده است. به همین راحتی!
امیدواریم این مقاله به شما در این زمینه کمک کرده باشد و از ان بهره کافی را برده باشید. موفق و پیروز و سربلند باشید. 🙂
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.
سلام این اموزش فونت رو به کل سایت اضافه میکنه ولی به قلم ها نه
لطفا اموزشی بزارید که بشه به قلم ها هم اضافه کرد
سلام امکان افزودن فونت به قلمهای نیست متاسفانه
سلام خسته نباشید. ممنون از آموزش خوبتون
من با استفاده از اسلایدر رزولوشن صفحه ای رو طراحی کردم بعد مانند این آموزش فونت های متن رو به وردپرس اضافه کردم و هم داخل خود اسلایدر رزولوشن خانواده فونت مد نظرم رو واسه متن معرفی کردم. صفحه داخل مرورگر فایرفاکس مشکل مشکلی نداره ولی زمانی که صفحه رو با مرورگر کروم باز می کنم فونت متنم تغییر کرده. ( متن و فونت ها ، انگلیسی هستند)
ممنون میشم راهنمایی کنید چطور مشکل مرورگر کروم رو رفع کنم.
سلام
یک مرتبه کش مرورگر رو پاک کنید و سپس تست کنید
سلام خسته نباشید
کش مرورگر رو پاک کردم اما مشکل حل نشد با این که هر سه فرمت فونت Arial Rounded MT Bold رو واسه قالب تعریف و در هاست هم بارگذاری کردم اما باز هم در کروم فونت تغییر میکنه. فکر کنم کروم کلا با این فونت مشکل داره.
ممنون میشم راهنمایی کنین.
سلام مجدد
باید کدهای قالبی که استفاده میکنید بررسی بشه. احتمالا مشکل از سمت کدنویسی قالبی هست که استفاده میکنید. قالب رو به پیش فرض وردپرس تغییر بدید و ببینید مشکل حل میشه یا نه
سلام
من توی قالبم از font awesome استفاده میکنم ولی یه مشکل داره که خیلی پوشه پر حجمی داره به خاطره همی تعدادی از قسمت هاشو (بعضی از فرمت ها مثب woff2 و …) رو پاک کردم ولی این باعث ایجاد ارور های console مرورگر شده:
the server responded with a status of 404 ()
ممنون میشم راهنمایی کنید.
تشکر.
سلام
نباید هیچکدوم از پوشه ها رو حذف کنید. مجدد آپلود کنید لطفا
سلام من قالب ۷ دارم مراحلو مث شما انجام دادم الان قسمت Typography کلا باز نمیشه ! اسلایدی هم که صفحه اول گذاشته بودم نصفشو نشون نمیده . میخواستم بدونم مشکل از چیه و چطوری میتونم درستش کنم ممنون
با سلام
چنانچه قالب را از ما خریداری کرده ایدبه بخش پشتیبانی تیکت ارسال بفرمایید
سلام ممنون از آموزش خوبتون اما ی سوال ما زبان سایت رو فارسی کردیم و فونت بی یکانم نصب کردیم البته توسط پلاگین Fontiran حالا ی جاهایی هدرمون انگلیسیه و مثل خنگا عددارو فارسی میزنه الان چ کنیم؟
سلام ممنون از شما. شما فونت بی یکان با اعداد فارسی رو نصب کردید. باید فونت استاندارد رو نصب کنید.
ممنون از پاسختون اما یک فونت بی یکان دانلود کردم ک نوشته بود که هم اعداد فارسی هم انگلیسی داره اما بازم اعداد رو توی عنوان انگلیسی فارسی میزنه
ممنون مطلبتون خیلی خوب بود
سپاس از لطف شما. پیروز باشید
آموزش عالی بود ولی فونت ساحل بهتر از این فونت هستش مخصوصا وزن semibold
سلام وقت بخیر
من کل مراحل رو مثل شما پیش بردم، بارها هم این کار رو انجام دادم ولی کنار بند src: یک مثلث خطا نشون میده
ایراد از چیه؟ من از قالب astra استفاده می کنم
سلام
اجازه بدید تا نسخه جدید قالب رو ارایه بدیم و از نسخه جدید استفاده کنید
در کل پیشنهاد ما به شما استفاده از قالب های حرفه ای هست
سلام..
من دقیقا طبق این اموزش پیش میرم اما فونت تغییری نمیکنه…راهی دیگه وجود نداره من دقیقا روی رو پوسته هم انجام میدم بازم فایده ای نداره
درود ظاهرا شما از قالب گودنیوز استفاده میکنید. قالب گودنیوز نسخه میهن وردپرس خودش فونت رو داره از بخش تنظیمات قالب میتونید فونت رو تغییر بدید.
من از یه شرکت المانی به اسم STRATO هاست خریداری کردم اما متاسفانه اجازه دسترسی به فایل هامو نمیده فقط میگه ماهانه ۲۰ یورو پرداخت کنید تا ازین مرض عبور کنید . فقط ورد پرس رو نصب کرده روی هاستم و تمام دگه هیچگونه عملیاتی روی هاستم انجام داده نمیتونم
لطفا راهنمایی کنید .
سپاس
درود راهی نیست باید راضیشون کنید 🙂
ممنون بابت مطالب زیباتون، همه فونتها کار میکنن ولی ایرانسنس رو هیچ قالبی واسم کار نکرد. میشه لطفا کمکم کنید.
احتمالا مشکلی موقع نصبش دارید. حتما طبق آموزش ایران سنس انجام بدید اینکار رو. آموزش نصب فونت ایران سنس رو توی سایت خودمون سرچ کنید.
سلام. ممنون بابت مطالب مفیدتون.
من هرکار کردم نتونستم فونت ایرانسنس رو ایندکس کنم، حتی از ایمپورتانت استفاده کردم ولی باز هم فونت اعمال نشد. روی قالب اچتیامال خام کار کرد ولی رو وردپرس کار نمیکنه. هر چهارتا فرمت ttf, eot, woff و woff2 رو هم آپلود کردم.
درود شاید قالب سایتتون از فونت توی تنظیماتش استفاده میکنه که باید از php تغییر بدید در این صورت
با سلام و تشکر
پس از اضافه کردن پلاگین accordion، بعضی جاها فونتها اعمال میشن، بعضی جاها خیر.
محبت میکنین راهنمایی کنین چطور باید مشکل رو حل کرد؟
متشکرم
سلام
باید از سی اس اس قسمت هایی که میخواید را پیدا کنید و فونت آن قسمت ها را تغییر دهید.
ممنون از مطالب خوبتون. خیلی مفید هستن.
سلام
خداقوت
آیا قالب نیوزپیپر هم فونت فارسی داره و نحوه اضافه کردن فونت در این قالب چطور هستش؟
با تشکر
سلام
بله همانطور که در دمو میشاهده میکنید فونت ایران سنس ب روی قالب نصب است. کافیست قالب را نصب کنید و اگر فونت ایران سنس نیست از تنظیمات قالب بخش تایپوگرافی را بررسی کنید.
سلام وقتتون بخیر من از قالب صحیفه استفاده میکنم و در حال حاضر کلی فونت داره میخواستم فونت دلخواهم رو به این قالب اضافه کنم میشه راهنمایی بفرمایید؟
درود از همین روش می توانید اضافه کنید. اگر صحیفه را از سایت خودمان دریافت کنید بیش از ۶۴ فونت فارسی دارد
با سلام قالب سایت مت betheme هستش. داخل فایل style.css هیچfont-family ای وجود نداره.چطوری میتونم دونه دونه font-family های مختلف سایتم رو پیدا کنم و تغییرش بدم ؟ وقتی ام که از طریق تنظیمات خود قالب betheme فونت رو عوض میکنم سرعت بارکزازی سایت پایین میاد
باید کد نویسی کنید و از اینسپکت المنت مرورگر کمک بگیرید.
با سلام . من داخل فایل استایلم کدهایی گه گفتین رو وارد کردم.اما مثلا وقتی می خوام فونت های قسمت body رو تغییر بدم (font-family رو تغییر بدم) هیچ کدی راجع به body داخل فایل style نیست.
سلام اضافه کنید body رو
سلام و خسته نباشید. من دقیقا همین کار را چندین بار برای تغییر فونت انجام دادم ولی فقط در فایرفاکس فونت را درست نشان میدهد و در مرورگرهای دیگر فونت معمولی است. پوشه فونت در هاست پیدا نکردم و در public htmlکه قالب وردپرس را آپلود کردم یک پوشه به اسم fonts ساختم و فونت ها را با 3 فرمت آنجا قرار دادم و هنگام آدرس دهی در style.css از آدرس دهی fonts/BYekan استفاده کردم ولی متاسفانه اجرا نشد. باز هم یک پوشه ای به اسم fonts در پوشه includs موجود بود فونت ها را به این پوشه هم انتقال دادم نشد. آدرس دهی کامل از public_html/includs/fonts نیز انجام دادم ولی باز هم نمیشناسه. font family ها را نیز به BYekan تغییر دادم. با افزونه هم تغییر دادم فونت را باز مرورگرهای دیگر جز فایرفاکس مشکل دارد. میشه بفرمایید چکار کنم یا فونت ها را دقیقا در کجای هاست آپلود کنم که با این آدرس بشناسد؟ vidacompany.ir
لطفا جواب را به ایمیلم ارسال کنید. با تشکر
سلام
از یک برنامه نویس بخواهید اینکار را برایتان انجام دهد. می توانید با بخش طراحی در ارتباط باشید :
http://design.mihanwp.com/
سلام
من از قالب sydney استفاده میکنم.
کار هایی که تو فیلم آموزش بود را انجام دادم ولی هیچ تغییری ایجاد نشد. الان باید چیکار کنم؟؟؟؟
سلام
از یک برنامه نویس بخواهید برایتان فونت را تغییر دهد یا از قالب های حرفه ای مین وردپرس استفاده کنید :
https://mihanwp.com/themes/vip/
با تشکر – اگر قالب ورد پرسی انگلیسی باشد و فقط چند فونت فارسی متنوع را برای نوشتن متون فارسی بخواهیم نصب کنیم بدون اینکه قالب وردپرس فارسی شود، این روش گفته شده جواب می دهد.
سلام
بله جواب میدهد.
سلام دوست عزیز
این لینک رو ببینید: http://uupload.ir/files/7fz0_2018-03-27.png
همه چیرو تغییر داده اما این تیتر هارو عوض نکرده. چیکار کنم که عوض بشه؟
سلام
باید با استفاده از css به کلاس عنوان ها font-family بدهید.
سلام.وقت بخیر.
بخشید وقتی متنی مثلا بعنوان مقاله با هر جایی مینویسی بعضی کلماتو رنگی مینویسی بعد از انتشار اعمال نمیشه.
یا مثلا من داخل متنم کلش رو فونت 9 نوشتم اما میاد پاراگراف اول رو خودش خیلی درشت مینویسه بعد انتشار.یک قسمت از متن رو خودش درشت میکنه.قالب من انفولد و فونت ایران سنس هستش.
ممنون میشم زاهنمایی بفرمایید.
هدینگ ها یا عناوین سایت شما اندازه های پیشفرضی دارند که در قالب شما تعریف شده و باید برای تغییر اندازه فونت از افزونه یا کد نویسی استفاده کنید. برای اینکار میتوانید با بخش طراحی در ارتباط باشید :
http://design.mihanwp.com
سلام. وقتتون بخیر. میخواستم بدونم چطور میشه فونت به یک پلاگین اضافه کرد بعنی در محیط پیشخوان فونت یک پلاگین با بقیه متفاوت باشه ؟
سلام باید کدنویسی پلاگین رو تغییر بدید . توی سایت سرچ کنید افزودن سی اس اس دلخواه به مدیریت وردپرس
کاش از طریق ومپ هم م گفتین چجوری میشه آپلود کرد چیزایی مثل فونت رو
توی ومپ که خیلی راحته! کافیه فایل ها رو کپی کنید توی پوشه www
سلام
من از قالب woodmart استفاده می کنم
همه کار ها رو انجام دادم اما فونت عوض نشد
لطفا راهنمایی کنید
سلام مراحل رو دوباره طی کنید اگر نشد با یک برنامه نویس در ارتباط باشید
عالی بود من تونستم خیلی ساده فونت سایتم رو عوض کنم ممنون
مثل همیشه عالی بود اگه لطف کنید یه آموزش هم برای اضافه کردن فونت در قسمت ابزارک های نوشته ها هم بزارید ممنون میشم
درود.
شما هرجایی که می خواهید در قالب و قسمت نمایشی به فونت دلخواه تغییر کند، در CSS آن font-family را فونت دلخواه قرار دهید.
سلام. امکانش هست آموزش افزودن فونت به ویرایشگر tinymce advanced را هم در سایتتان بزارید؟ تشکر
سلام وقت بخییر
در آموزش به هنگام اضافه کردن کد فونت در قسمت rtl.css اگر ابتدای فایل کد را اضافه نکنیم و بعد از مورد زیر که در قالب هست اضافه کنیم اشکالی دارد.
Theme Name: KuteTheme
Description: Adds support for languages written in a Right To Left (RTL) direction.
[Table of contents]
1. General
2. Header
3. Footer
4. Main menu
5. Owl carousel Theme
6. Visual Composer
7. Sidebar
8. Blog
9. Woocommerce
10. Responsive
درود.
خیر بعد از کد کامنت اضافه شود مشکلی ندارد.