Notice: wp_deregister_script was called incorrectly. اسکریپت‌ها و شیوه‌نامه‌ها نباید پیش از wp_enqueue_scripts، admin_enqueue_scripts و login_enqueue_scripts ثبت یا فراخوانی شوند. Please see Debugging in WordPress for more information. (این پیام در نگارش 3.3 افزوده شده است.) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/functions.php on line 3190 » افزودن فونت دلخواه به قالب سایت با دستور استاندارد css

افزودن فونت دلخواه به قالب سایت با دستور استاندارد css

دسته بندی: ,
برچسبها: ,

یکی از امکاناتی که توسط css در اختیارمان قرار می گیرد امکان استفاده از فونت وب می باشد فونت وبها نسخه هایی استاندارد از فونتهای مورد استفاده در سایر برنامه ها و ویرایشگرهای متنی مانند: نرم افزارها آفیس و فتوشاپ و … می باشند که برای استفاده در صفحات وب و همچنین نمایش صحیح در مرورگرهای مختلف بهینه شده اند و معمولا حجم بسیار کمتری نسبت به نسخه خارج از وب و مخصوص سیستم عامل های کامپیوتری مانند ویندوز دارند. فونت وب معمولا با ۴ فرمت eot، woff، svg و ttf در صفحات وب بکار برده می شود در این پست قصد آموزش روش افزودن فونت دلخواه به قالب سایت با دستور استاندارد css را داریم پس همراه ما باشید.
افزودن فونت دلخواه به قالب سایت با دستور استاندارد css

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

برای استفاده از فونتهای دلخواه در کدنویسی قالب سایت ابتدا باید نسخه استاندارد آنرا در پوشه ای با نام fonts و در کنار فایل شیوه نامه style.css قالب سایت مان قرار دهیم سپس با استفاده از دستور font-face فونت را به صفحات وب می شناسانیم برای این منظور از کدهای زیر استفاده می کنیم.

@font-face {
font-family: 'yekan';
src: url('fonts/yekan.eot');
src: url('fonts/yekan.eot?#iefix') format('embedded-opentype'),
url('fonts/yekan.woff2') format('woff2'),
url('fonts/yekan.woff') format('woff'),
url('fonts/yekan.ttf') format('truetype');
font-weight: normal;
}

در کدهای Css بالا فونت یکان را با با نام yekan به قالب معرفی کردیم. چون فونت دلخواه استفاده کرده ایم نام آنرا درون عبارت ” تک کوتیشن قرار می دهیم. سپس برای استفاده در بخش مورد نظر تنها کافیست نوع فونت را توسط دستور font-family: ‘yekan’; فراخوانی کنیم. پیش از این افزونه تغییر فونت در وردپرس را معرفی کردیم که می توانید با استفاده از آن فونت پیشخوان وردپرس و قالب سایت را بدون نیاز به تغییر کدنویسی عوض کنید.

4,172 بازدید ۲ نظر
خیلی خوشم اومد.
پیشنهاد میشه از مطالب زیر دیدن کنید
به نظر من !!!
  1. Phys می گه:
    ۱۹:۰۰ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۹ تیر ۹۷

    با سلام، من دقیقا این کد ها رو کپی کردم تو cssام. آدرس ها رو هم درست وارد کردم اما هیچ اتفاقی نمیفته. لطفا راهنمایی کنید.

    پاسخ
  2. علی می گه:
    ۱۳:۵۲ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۳۱ اردیبهشت ۹۹

    سلام در جواب Phys باید خود همین فونتی که اینجا گفته شده yekan را داشته باشی و به داخل پوشه فونت های قالبی که دارید بریزید هر قالبی پوشه فونت داره آنجا کپی کنید

    پاسخ

کد امنیتی: *

Notice: Undefined index: comment_notes_after in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 249

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!