افزودن فونت های دلخواه به وردپرس با افزونه Custom Fonts و کد CSS

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

ما می توانیم از دو راه فونت های خود را به وردپرس اضافه کنیم:

  1. بوسیله افزونه
  2. بوسیله کد CSS

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

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

اضافه کردن فایل فونت به وردپرس

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

فرمت فایل های فونت قابل قبول: WOFF2  –  WOFF – TTF – EOT – SVG – otf

ابتدا به قسمت رسانه / افزودن بروید.

سپس با استفاده از گزینه ی زیر فایل فونت خود را انتخاب کرده و آپلود کنید:

پس از آپلود مانند شکل زیر آدرس آن را کپی کنید:

با توجه به اینکه وردپرس اجازه آپلود هر نوع فایلی را به شما نمی دهد ، در صورت مواجه شدن با خطا می توانید از آموزش زیر استفاده کنید :

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

همان طور که گفتیم با دو راه می توانیم فونت مورد نظر را به وردپرس اضافه کنیم.

  1. افزونه
  2. کد CSS

ابتدا از راه اول فونت را به سایت اضافه می کنیم.

دانلود و نصب افزونه Custom Fonts

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

با استفاده از یکی از دو راه زیر و آموزش لینک بالا می توانید این افزونه را نصب کنید.

  1. در داشبورد وردپرس خود به صفحه ی افزونه ها / افزودن بروید و در باکس جستجو نام این افزونه را وارد کنید و پس از جستجو و پیدا کردن افزونه آن را نصب و فعال کنید.
  2. با استفاده از لینک زیر افزونه را از مخزن وردپرس دانلود، نصب و فعال کنید

دانلود افزونه Custom Fonts از مخزن وردپرس 

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

1. افزودن فونت به وردپرس با افزونه Custom Fonts

با کلیک بر روی گزینه ی نمایش / فونت های دلخواه به صفحه ی زیر خواهید رفت که می توانید فونت مورد نظر خود را به سایت اضافه کنید.

بر اساس شکل زیر:

  1. نام فونتی که قصد دارید به سایت اضافه کنید. حتماً از یک نام انگلیسی استفاده کنید.
  2. بر اساس فایل فونتی که آپلود کردید بر روی بارگذاری کلیک کنید و فایل موردنظر را که در مراحل قبل آپلود کردید، از رسانه خود انتخاب کنید.
  3. فونت اضافه شده در این قسمت نشان داده می شود.
  4. بر روی افزودن فونت جدید در پایین صفحه کلیک کنید.

یک نمونه از فایلی که ما اضافه کردیم:

فونت موردنظر به سایت افزوده شده است.

حالا برای استفاده از این فونت کافی است برای هر قسمتی که قصد دارید این فونت را داشته باشد استایل font-family آن را برابر نام فونتی که اضافه کرده اید قرار بدهید.

برای مثال در کد زیر ما فونت تمام سایت یا همان تگ body را به فونتی که آپلود کرده ایم، یعنی yekann ، تغییر می دهیم.

کافی است کد مورد نظر را به انتهای فایل style.css اضافه کنید.

2. افزودن فونت به وردپرس با کد CSS

راه دومی که می توانید فونت های موردنظر خود را به سایت اضافه کنید با استفاده از کدهای CSS است.

آدرس فایل آپلود شده را که در مراحل قبل کپی کردید، مانند آن چه که در کد زیر می بینید جایگزین آدرس وارد شده کنید:

فونت مذکور به وب سایت اضافه شده است.

حال مانند قبل در هر کجا که مایل هستید از آن ستفاده کنید کافی است استایل font-family آن را برابر yekann قرار دهیم. مانند زیر:

اکنون کش مرورگر و وب سایت خود را پاک کنید و صفحات سایت خود را بررسی کنید. خواهید دید که فونت وب سایت شما به فونت مورد نظر شما تغییر کرده است.

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