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


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

برای افزودن فونت به قالب وردپرس خود با استفاده از دوروش در css میتوانید این کار را انجام دهید ، روش آفلاین – روش آنلاین :

روش آفلاین اضافه کردن فونت در قالب وردپرس :

زمانی که شما میخواهید از این روش برای اضافه کردن فونت به سایت خود استفاده کنید باید در ابتدا فونت مورد نظر خود در فرمت هایی از جمله eof که برای مرورگر اینترنت اکسپلورر است ، فرمت ttf برای بقیه ی مرورگر ها و همچنین فرمت woff که دارای حجم پایین میباشد را داشته باشید و آن ها را در یک پوشه درون فایل قالب وردپرس خود قرار دهید و بهتر است که پوشه مورد نظر فونت خود را دربین پوشه css بگذارید و سپس کد زیر را درون فایل css کپی کنید:

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

پس از اینکه کد را درون css قالب وردپرس گذاشتید:

  1. در خط دوم باید نام فونت را بنویسید که قرار است در این خط فونت را برای ما فراخوانی کند.
  2. در خط سوم و در خط چهارم آدرس فونت مورد نظر خود را با فرمت eof جایگزین کنید.
  3. در خط پنجم و ششم همانند خط سوم و چهارم برای فرمت های woff  و ttf آدرس فونت مورد نظر را جایگزین کنید.
  4. خط هشتم میتواند نوشته را برای شما پهن تر یا به عبارت اصلی bold کند.
  5. خط هشتم حالت نوشته را مشخص میکند مثلا اگر italic باشد نوشته شما کج میشود.

نکته : برای آدرس دهی شما حتما باید با آدرس دهی های نسبی و مطلق در css آشنایی داشته باشید.

پس از این که تمامی مراحل فوق به سرانجام رسید میتوانید با css سایت خود به المنت های html مانند دستور زیر دسترسی پیدا کنید و فونت نوشته ها و تگ های خودرا عوض کنید.

 

آموزش عوض کردن فونت سایت

وارد فایل css سایت خود شوید و کد زیر را درون آن قرار دهید :

p {
   font-family: 'newfont';
   font-size: 14px;
}

دستور بالا فونت مورد نظر را فقط به تگ p اختصاص میدهد ، اگر میخواهید به تگ های بیشتری این فونت را اختصاص دهید باید به روش زیر المنت ها را اضافه کنید:

p , h1 , h2 , h3 , h4 ,h5 ,h6 , pre , i , u , a  {
   font-family: 'newfont';
}

اگر میخواهید تمامی فونت مورد نظر به تمامی المنت های سایت خود اختصاص پیدا کند باید دستور زیر را در css قالب وردپرس خود قرار دهید:

* {
   font-family: 'newfont' !important;
 }

روش آنلاین اضافه کردن فونت در قالب وردپرس :

افزودن فونت به قالب وردپرس

زمانی که وارد یک سایت فونت آنلاین میشوید به شما یک لینک به صورت زیر میدهد که باید آن را در قسمت <head> سایت خود بگذارید.

 <link href='http://www.example.ir/css/site.css' rel='stylesheet' type='text/css'>

سپس یک کد به شما میدهد که باید آن کد را در فایل css سایت خود بگذارید ، به طور مثال :

 
 *{
  font-family: font-name;
 }

 

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

 

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Solve : *
19 + 7 =


قالب وردپرس و افزونه وردپرس حرفه ای