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

  • نویسنده : مرتضی براتی
  • انتشار : ۱ مهر ۱۳۹۶
  • بروزرسانی : ۱۶ تیر ۱۳۹۸
  • بازدید : 139
  • مطالعه در 3 دقیقه

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

با تشکر از همراهی شما-شاد باشید 🙂

 

 


دیدگاه بگذارید

avatar
  عضویت  
من رو خبر کن!
قالب فروشگاهی دیجی کالا

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر