آموزش افزودن فونت به المنتور (به 3 روش) (ویدیوی آموزشی)

آموزش افزودن فونت به المنتور: قدم به قدم

در طراحی وب‌سایت، یکی از مهم‌ترین عوامل جذب کاربر و ایجاد تجربه کاربری بهینه، استفاده از فونت‌های مناسب و زیباست. در افزودن فونت به المنتور، شما می‌توانید ظاهر سایت خود را به‌سادگی شخصی‌سازی کنید و برند خود را به شکلی حرفه‌ای نمایش دهید. در این بخش از مجموعه آموزش المنتور به‌طور جامع و گام‌به‌گام آموزش افزودن فونت به المنتور و همچنین نحوه افزودن فونت به المنتور به صورت دستی را فراخواهیم گرفت.

وزن‌های فونت: چه معنایی دارند؟

فونت‌ها دارای وزن‌های مختلف هستند که هر یک نشان‌دهنده ضخامت حروف است. انتخاب وزن مناسب می‌تواند تاثیر زیادی در طراحی و خوانایی متن ها داشته باشد. در ادامه وزن‌های فونت و معادل‌های آن‌ها آورده شده است که شما با استفاده از لیست زیر ، میتوانید هنگام افزودن فونت به المنتور ، یا هنگام ویرایش متن در المنتور از آنها کمک بگیرید:

• وزن 100 – Thin: بسیار نازک، برای طراحی‌های مینیمال.
• وزن 200 – Extra Light (Ultra Light): نازک، مناسب برای عناوین کوچک.
• وزن 300 – Light: کمی ضخیم‌تر از Extra Light، مناسب برای متن‌های معمولی.
• وزن 400 – Normal: وزن استاندارد، مناسب برای متن‌های بدنه.
• وزن 500 – Medium: کمی ضخیم‌تر، مناسب برای تأکیدهای ملایم.
• وزن 600 – Semi Bold (Demi Bold): مناسب برای عناوین کوچک یا برجسته‌سازی متن.
• وزن 700 – Bold: ضخیم، مناسب برای تیترهای اصلی.
• وزن 800 – Extra Bold (Ultra Bold): بسیار ضخیم، برای تأکید شدید.
• وزن 900 – Black (Heavy): فوق‌العاده ضخیم، برای استفاده محدود و خاص.

نحوه افزودن فونت به المنتور

روش‌های مختلفی برای افزودن فونت به المنتور وجود دارد. ابتدا با روش‌های سریع شروع می‌کنیم و سپس به روش‌های حرفه‌ای‌تر مثل افزودن دستی می‌پردازیم.

روش 1: افزودن فونت با استفاده از تنظیمات المنتور (پیشنهاد میهن تم)

افزونه المنتور این امکان را به شما می‌دهد که فونت‌های دلخواه خود مانند فونت فارسی ایران سنس یا ایران یکان یا استعداد را بدون نیاز به افزونه یا کدنویسی اضافه کنید. برای این کار:

• وارد پیشخوان وردپرس شوید.
• از منوی سمت راست، وارد بخش المنتور > Custom Fonts (فونت های سفارشی) شوید.
• در این بخش در بالای صفحه روی گزینه Add New Font (افزودن فونت جدید) کلیک کنید.
• یک نام برای فونت خود انتخاب کنید (برای مثال، IranSans).
• روی گزینه (افزودن فونت استاتیک) کلیک کنید تا کادر افزودن فونت ها باز شود.
• فایل‌های فونت خود را با فرمت‌های مختلف (مثل woff, woff2, ttf) آپلود کنید.
• برای هر وزن فونت، فایل مربوطه را مشخص کنید. (با استفاده از لیست وزن های فونت که در بالا شرح دادیم.)
• پس از افزودن وزن های مورد نظر خود، روی گزینه انتشار کلیک کنید.
• اکنون این فونت در بخش Typography المنتور در دسترس است و می‌توانید آن را در متن های خود استفاده کنید.

روش 2: استفاده از افزونه‌های سفارشی برای افزودن فونت به وردپرس

اگر به دنبال روشی سریع‌تر هستید، افزونه‌هایی مانند Custom Fonts یا Use Any Font می‌توانند کمک کنند. اگر از افزونه المنتور استفاده نمیکنید و قصد افزودن فونت به وردپرس دارید پیشنهاد ما این گزینه است.

نحوه نصب افزونه فونت های سفارشی در وردپرس:

• افزونه Custom Fonts (فونت‌های سفارشی) را از مخزن وردپرس جستجو و نصب کنید.
• به بخش نمایش > فونت های سفارشی بروید.
• فونت جدیدی ایجاد کرده و فایل‌های فونت را آپلود کنید.
• فونت شما به‌صورت خودکار در المنتور ظاهر می‌شود.

روش 3: افزودن فونت دستی به قالب چایلد (روش دستی)

روش دستی ساده ترین شکل افزودن فونت به المنتور و وردپرس است که در ادامه به شما نحوه اضافه کردن فونت دستی به وردپرس و المنتور را خواهیم آموخت . ویدوئوی آموزشی بعدی را حتما مشاهده کنید.

ویدئو آموزش افزودن فونت فارسی به المنتور به روش نصب پلاگین و دستی

آموزش اضافه کردن فونت دستی به قالب چایلد

گام 1: ایجاد و فعال کردن قالب چایلد

به مسیر پیشخوان وردپرس > نمایش > پوسته‌ها بروید.
در پوسته فعال خود، بررسی کنید که آیا قالب چایلد (Child Theme) فعال است یا خیر.
اگر فعال نیست، با دیدن ( آموزش نصب قالب چایلد هلو المنتور ) یک قالب چایلد ایجاد کنید.
پس از ایجاد، قالب چایلد را فعال کنید.

گام 2: آپلود فایل‌های فونت

حال باید فایل های فونت را در مسیری دلخواه آپلود کنید، توجه داشته باشید که دقیقا مسیری که فایل های فونت خود را آپلود میکند ، باید مشابه مسیری باشد که در کد CSS زیر وارد میکنید.

گام 3: اضافه کردن کدهای CSS به قالب چایلد

وارد بخش نمایش > ویرایشگر پرونده پوسته بشید.
روی فایل style.css در پوشه قالب چایلد خود کلیک کنید.
کدهای زیر را به انتهای فایل CSS قالب چایلد خود اضافه کنید:

body{font-family:IRANYekan;}
@font-face {
font-family: IRANYekan;
src: url('YourURL/IRANYekanWebRegular.eot');
src: url('YourURL/IRANYekanWebRegular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('YourURL/IRANYekanWebRegular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('YourURL/IRANYekanWebRegular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('YourURL/IRANYekanWebRegular.ttf') format('truetype');
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: IRANYekan;
src: url('YourURL/IRANYekanWebBold.eot');
src: url('YourURL/IRANYekanWebBold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('YourURL/IRANYekanWebBold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('YourURL/IRANYekanWebBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('YourURL/IRANYekanWebBold.ttf') format('truetype');
font-style: bold;
font-weight: 700;
}

گام 4: استفاده از فونت در المنتور

به المنتور بروید و یک المان متنی اضافه کنید.
در بخش Typography، نام فونتی که تعریف کردید (مثل Estedad) را در قسمت Custom Fonts وارد کنید.

سؤالات متداول درباره آموزش افزودن فونت به المنتور