رفتن به مطلب

آموزش چگونگی نصب فونت فارسی روی وردپرس و وبسایت


پست های پیشنهاد شده

دوستان عزیز ، کاربران گرامی،

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

 

ابتدا به فونت های معمولی میپردازیم.

هنگامی که شما به عنوان مثال میخواهید فونت یکان یا BYekan  را روی وردپرس خود نصب کنید باید سه نسخه از این فونت را داشته باشید، که اصولا وقتی در اینترنت به دنبال وب فونت برای دانلود بگردید، به راحتی هر سه فرمت مربوطه را میابید.

Eot ttf woff

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

 

fonts.zip

 

مرحله اول: آپلود فونت ها در هاست

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

Wp-content/themes/your theme

 و فولدر Fonts زیپ شده ی خود را آنجا آپلود کنید. توجه داشته باشید که ZIP ! چون گاهی به اشتباه RAR آپلود میکنند. پس از اینکه فولدر زیپ شده در فولدر قالب شما آپلود شد آنرا extract میکنید تا فونت ها به دست بیایند. یعنی حالا در فولدر Fonts شما این سه فونت را باید داشته باشید:

BYekan.ttf – BYekan.woff – BYekan.eot 

 

 

مرحله ی دوم: ویرایش style.css

سپس  style.css  را در قالب سایتتان ویرایش کنید و این کد را آنجا قرار دهید:

 


@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot?#') format('eot'),
	url('fonts/BYekan.woff') format('woff'), 
	url('fonts/BYekan.ttf') format('truetype');
}
body{
font-family:BYekan;
}

پس این کار لطف میکنید و در فایل style.css تمامی Font – family:  ها را تغییر میدهید مانند مثال زیر:

 

Font –family:Arial Black;

حالا شما فقط لازم است که Arial Black را با BYekan  در تمامی style.css قالبتان جایگزین کنید. سپس سایت خود را با CTRL+F5 رفرش کرده و مشاهده میکنید که فونت آن به یکان تغییر یافته است.

 

 

توجه داشته باشید که اینجا به عنوان نمونه فونت BYekan را مثال زدیم. شما میتوانید فونت دلخواه خودتان را از اینترنت در سه فرمت نامبرده دانلود کرده و همین مراحل را انجام دهید و فونت سایتتان را تغییر دهید. 

 

در ضمیمه فایل زیپ فونت BYekan در سه فرمت مختلف قرار داده شده است//

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...