اضافه کردن فونت به المنتور

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید فاطمه صالحی هستم در خدمت شما با یکی دیگر از مقالات آموزش رایگان وردپرس تحت عنوان آموزش اضافه کردن فونت به المنتور

اضافه کردن فونت به المنتور

دراین مقاله به همراه ویدئو به آموزش افزودن فونت به المنتور می پردازیم . در ادامه یاد می گیرید که چگونه بدون کدنویسی و به وسیله CSS فونت سفارشی به المنتور اضافه کنید .برای یادگیری تخصصی تر المنتور به بخش آموزش المنتور رایگان مراجعه کنید .

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

 نکته : استفاده بیش از حد فونت در سایت باعث کاهش سرعت سایت شما می شود.

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

وزن های فونت

در ابتدای آموزش باید بدانید که هریک از فونت ها چه وزنی دارند.منظور از وزن فونت ، میزان ضخیم بودن و یا نازک بودن آن است و طبیعتا وزن فونت ها باهم متفاوت هستند. فونتی که وزن Thin دارد نازک ترین و متوسط آنها فونت های Medium و Normal  می باشند.برای کاربا این فونت ها باید با وزن آنها اشنا باشید تا بتوانید به المنتور اضافه کنید.

وزن فونت ها به صورت زیر می باشند :

1. وزن  100 – Thin
2. وزن  200 – Extra Light (Ultra Light)
3. وزن  300 – Light
4. وزن  400 – Normal
5. وزن  500 – Medium
6. وزن  600 – Semi Bold (Demi Bold)
7. وزن  700 – Bold
8. وزن  800 – Extra Bold (Ultra Bold)
9. وزن  900 – Black (Heavy)

روش اول :

آموزش اضافه کردن فونت در المنتور

برای این کار فقط کافیه در پیشخوان وردپرس وارد قسمت فونت های سفارشی یا اگر نسخه انگلیسی استفاده میکنید وارد قسمت Custom Fonts شوید .

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

در این قسمت طبق تصویر اسمی در فیلد فونت خانواده وارد نمایید ( نام دلخواه ) تا در صفحات مختلف با اون اسم نمایش داده شود برای مثال IranSans

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

در این قسمت هم می بایست فونت خود را با فرمت های مختلف خودش بارگذاری کنید . مثلا اگر یک فونت با وزن ضخیم یا Bold داریم

باید فایل های Bold آن که woff ، woff2 ، TTF ، SVG ، EOT  هستند را بارگذاری کنید این فرمت ها برای مرورگر های مختلف می باشند که در فونت خریداری کنید و یا فونت رایگان دانلود شده موجود است .

حالا در این قسمت حالت ضخیم و یا Bold رو انتخاب کنید و اگر فونت های دیگر با وزن های دیگر دارید را به همین صورت با زدن مجدد دکمه افزودن فونت متغییر میتوانید وزن های دیگر فونت را آپلود نمایید . 100 و 200 و 300 و …

در نهایت دکمه انتشار را بزنید و کار تمام شد .اگر طبق این آموزش پیش رفته باشید شما الان در المان های المنتور خود در قسمت استایلشان خانواده فونت  به نام IranSans با وزن ضخیم دارید .

روش دوم :

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

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

[html]

} font-face@
font-family: Iransans;
font-style: normal;
font-weight: 400;
;src: url(‘link font .eot’)
/*src: url(‘link font .eot?#iefix’) format(’embedded-opentype’), /* IE6-8
/*+url(‘link font .woff2’) format(‘woff2’), /* FF39+,Chrome36+, Opera24

/*+url(‘link font .SVG’) format(‘SVG’), /* FF3.6+, IE9, Chrome6+, Saf5.1

url(‘link font .ttf’) format(‘truetype’);
{

[html/]

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

آموزش ویدیویی اضافه کردن فونت با CSS به وردپرس

ویدئو

توضیح در مورد کد css بالا :

font-family همون اسم فونت شماست که دلخواه باید قرار بدهید و در هر کجا که دوست داشتید المان آن فونت را استفاده کنید به کلاس المان بدهید. یا اینکه میتوانید به کل بدنه سایت بدهید طبق زیر :

[html]

body{font-family: iransans;}

[html/]

link font نیز لینک مربوط به فرمت وب فونت ها می باشد که باید دستی آپلود کنید و لینک بدهید .

font-weight نیز وزرن فونت شماست

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