[vc_row][vc_column][vc_column_text]
افزودن فونت فارسی به قالب وردپرس
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”” i_icon_fontawesome=”fa fa-file-text-o” i_color=”juicy_pink” color=”turquoise” border_width=”2″ add_icon=”true”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
شاید برای شما هم اتفاق افتاده باشه که از فونت قالب سایتتان خوشتان نیاید یا قالبی را از سایت تم فارست خریداری کرده باشید یا از یکی از قالب های رایگان مخزن وردپرس استفاده میکنید و میخواهید که فونت فارسی را به آن اضافه کنید . ما در این قسمت کد افزودن فونت فارسی به قالب وردپرس را آموزش میدهیم.شما از طریق این آموزش میتوانید هر فونتی که مورد نظرتان بود روی قالب سایتتون بگذارید . با تغییر فونت کاربرانی که وارد سایتتان می شوند را به سایت خود جذب کنید .
آموزش افزودن فونت فارسی به قالب وردپرس از طریق کد
برای استفاده از فونت در قالب باید فونت رو به css معرفی کنید تا مرورگر شما فونت رو پردازش کند و بعد نمایش دهد . برای افزودن فونت به متن سایت باید فونت ها در پوشه فونت های قالب شما وجود داشته باشد . فونتی را که میخواهیم به قالب معرفی کنیم باید در سه فرمت متفاوت به مرورگر و قالب معرفی شود . فرمت ها عبارت اند از:
namefont.woff
namefont.eot
namefont.ttf
ما قبل از تعریف فونت در قالب باید این سه فرمت از فونت هارا در فایل فونت های قالبی که اپلود شده داشته باشیم .
دلیل استفاده از این فرمت های این است که هر کدام در مرورگر های مختلفی کارایی دارند و برای اینکه سایتتان در تمام مرورگر ها به یک شکل نشان داده شود باید از این سه نوع فرمت استفاده کنید .
کد افزودن فونت فارسی به قالب وردپرس
برای این کار وارد سایت وردپرسی خود شوید . موس را روی منوی کناری (نمایش) قرار دهید تا (ویرایشگر) ظاهر شود سپس روی ویرایشگر کلیک کنید. حالا روی گزینه style.css در سمت چپ صفحه کلیک کنید ( اگر هم دوست دارید میتونید از هاست و از طریق ویرایش فایل style.css فایل های خود را ویرایش کنید , در هر صورت میل خودتان هست ) .
کدی را که در زیر مشاهده میکنید در فایل style.css قالب خود قرار دهید .
۱
۲
۳
۴
۵
۶
|
@font–face {
font–family: ‘BYekan’;
src: url(‘font/BYekan.eot?#’) format(‘eot’), /* IE6?8 */
url(‘font/BYekan.woff’) format(‘woff’), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url(‘font/BYekan.ttf’) format(‘truetype’); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}
|
این کد هم برای جایگزینی فونت فارسی با فونت قبلی قالب هست که در زیر کد بالا قرار بدید :
۱
۲
۳
|
body,div,p,a,h1,h2,h3,h4,h5,h6,span{
font–family:BYekan !important;
}
|
[/vc_column_text][vc_text_separator title=”انجمن ما” color=”turquoise”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_single_image image=”173″ img_size=”full” alignment=”center” style=”vc_box_shadow_3d” onclick=”custom_link” img_link_target=”_blank” link=”http://forum.adroom.ir”][/vc_column][vc_column width=”1/2″][dt_vc_list]
- عضو انجمن ما شوید و از امکانات آن بهره ببرید.
- با عضویت در انجمن ما رایگان تبلیغ کنید.
- تبلیغ وبلاگ,وبسایت,محصولات و……
- در انجمن ما افراد متخصص زیادی حضور دارند.
- با آنها به مباحثه بپردازید و مشاوره دریافت کنید.
[/dt_vc_list][vc_btn title=”ورود به انجمن” style=”gradient” gradient_color_2=”vista-blue” size=”lg” align=”center” i_icon_fontawesome=”fa fa-user-plus” button_block=”true” add_icon=”true” link=”url:http%3A%2F%2Fforum.adroom.ir|title:%D8%A7%D9%86%D8%AC%D9%85%D9%86|target:%20_blank|rel:nofollow”][/vc_column][/vc_row][vc_row][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]