تماس با پشتیبانی

09370650982

support@slivertheme.ir

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

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

آپلود فونت ها :

شما برای این کار شما ابتدا نیاز به آپلود فونت ها بر روی هست اخود دارید. فونت ها به ۴ فرمت svg ,ttf , woff , eot می باشد. فونت های ttf همان فونت های کامپیوتر خود می باشد. دو فونت دیگر هم فونت های اینترنتی هستند. بنابراین فونت ها را در یک پوشه دلخواه آپلود کنید.

  • نکته : هر فونت باید هر ۴ مدل آپلود شود. البته کار شما با ۳ تا فونت هم راه می افتد!! مثلا اگر svg را نزارید.

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

نوشتن کد استایل css برای فونت ها:

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

font-family: 'Yekan';
src: url('/fonts/Yekan.eot');
src: local('BYekan'), url('fonts/Yekan.woff') format('woff'), url('fonts/Yekan.ttf') format('truetype'), url('Yekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}

کد های فوق برای فونت یکان Yekan می باشد شما می توانید اسم هر فونت دیگری که دوست داشتید اضافه کنید. همچنین محل فونت ها برای این کد پوشه font میباشد شما آدرس کامل فونت خود را وارد کنید.

نمایش فونت در سایت :

درون فایل استایل خود محلی که می خواهید فونت فوق نمایش داده شود شبیه این استایل را برایش کد بنویسید. قسمت font : Yekan خیلی مهمه نام فوق باید بصورت صحیح وارد بشود و مشکلی با بزرگی و کوچکی حروف نداریم.

line-height: 20px;
font: 20px Yekan,Tahoma;
letter-spacing: .3px;
margin: 10px 0 10px 0;
clear: both;
}

به عنوان مثال کد زیر برای عنوان نوشته وردپرس می باشد.


<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></H1>

<?php the_content(''); ?>
</div>

  • بجای مقدار post همان مقدار کلاس مورد نظرتونو وارد کنید.
  • ۲۰px اندازه فونت می باشد که به هر چقدر دوست دارید می توانید تغییر دهید.
  • margin هم فاصله از طرفین هست و متناسب با قالب خود تغییر دهید.

مجموعه 110 فونت فارسی+استایل فراخوانی برای قالب ها را می توانید از اینجا دریافت کنید.

درباره مسعود درویشی

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

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


دسته ها:آموزش وردپرس


پاسخ دهید

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