رفتن به مطلب

نحوه تغییر فونت در سایت در خبر خوان بلاگ ریدر


mostafashokri

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

سلام دوستان کسی میتونه نحوه تغییر فونت در بلاگ ریدر رو توضیح بده ممنون میشم اگر لطفی کنید یا اینکه من همین جا فایل استیل را میزارم دوستان لطفی بکنند تشکر

مثلا میخوام مثله فونت انجمن 20 اسکریپت باشه 

*{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none}
body{color:#fc0000; background-color:#ded8d8; margin:0; padding:0 0; font:11px/1.9 tahoma,sans-serif }
HTML{border:0px; padding:0px;  margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none}
A{text-decoration:none; color:#030303}
A:HOVER{text-decoration:none; color:#2e740c}

.textwidget{margin:0px 20px 0px 20px}



UL, LI{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none}
abbr{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none}
address, caption, cite, code, dfn, em, th, var{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0 }
img{max-width:100%; height:auto; padding:2px; background:#ff5; margin:2px auto 5px auto; border:1px solid #CCC; text-align:center; display:block; float:none}
}
textarea, fieldset{padding:0px; margin:0px; vertical-align:baseline; outline:0; text-decoration:none; font-family:Tahoma; font-size:11px; border-right:#EAE6E3 1px solid; border-top:#EAE6E3 1px solid; background:#fff; border-left:#EAE6E3 1px solid; border-bottom:#EAE6E3 1px solid; line-height:1.5}
H1{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none; font:bold 15px Arial,sans-serif; color:#2e740c}
H2{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none; font:bold 1.4em/1.6 Arial,sans-serif; color:#2e740c}
H3{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none; font:bold 1.3em/1.6 Arial,sans-serif; color:#2e2929}
H4{border:0px; padding:0px; margin:0px; vertical-align:baseline; outline:0; list-style:none; text-decoration:none; font:bold 1.2em/1.6 Arial,sans-serif; color:#2e2929}
#warpper{background:#ff5400 url(./content_background.gif) repeat-y scroll center top; direction:rtl; margin:0px auto 0px; padding:0; position:relative; width:968px}
.header{background:#ff5400 url(./header.jpg) repeat-y scroll center top; direction:rtl; margin:0px auto 0px; padding:0; position:relative; width:968px}
.content{background:#ff5400; margin:0px 8px}
#nav{background:#AEAEAE url(./nav_bg.jpg); height:10px; width:960px; border:5px solid #693285; border-width:0 0 80px 0; margin-right:4px}
#nav ul{padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px; padding-top:0px; list-style:none}
#nav ul li{float:right}
#nav ul li A{padding-right:0px; display:block; padding-left:65px; padding-bottom:0px; margin:0px 50px 0px; font:0px/5px tahoma; color:#670122; padding-top:30px; text-align:center; text-decoration:none}
#nav ul li A SPAN{padding-right:10px; display:block; padding-left:0px; padding-bottom:0px; padding-top:0px}
#nav ul li A{background:url(./nav_left.png) no-repeat left top }
#nav ul li A SPAN{background:url(./nav_right.png) #fff no-repeat right top; color:#ff0100; line-height:1.7}
#nav ul li A:hover{background:url(./nav_left_highlight.png) no-repeat left top}
#nav ul li A:hover SPAN{background:url(./nav_right_highlight.png) #085df8 no-repeat right top; color:#f5f808}
.search_div{background:url(./search_all.png) no-repeat; width:600px; height:80px; margin-top:60px; margin-left:220px; float:left}
.st{ background:none; height:55px; width:400px; padding-left:0px; font-family:tahoma; color:#ff3000; font-size:20px; border:none; padding:7px 0px 6px 4px; margin-right:150px; line-height:22px}
.sti{background:none; height:50px; width:25px; border:none; cursor:pointer}
#page-content{background:#fffefe; margin:0px 0px 0px; text-align:right}
.two-box-warpper{background:#fff; float:right; width:725px}
#page-body{background:#fff; float:left; margin:5px 0px 5px 0px; width:500px}
.page-body{background:#fff; clear:both; padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px 0px 10px; padding-top:0px}
.page-body INPUT{padding:0px; margin:4px; vertical-align:baseline; outline:0; text-decoration:none; font-family:Tahoma; font-size:11px; border-right:#0c6919 1px solid; border-top:#0c6919 1px solid; background:#0c6919; border-left:#0c6919 1px solid; border-bottom:#0c6919 1px solid; line-height:20px; height:20px; padding:5px}
.ads-banners{margin:0px auto; text-align:center}
.ads-banners A{display:block; margin:10px 0px; text-align:center}
.ads-text{margin-right:4px; margin-left:4px}
.shop h3{background:url('./downloadha_shop_top.gif') no-repeat; height:45px; width:500px}
.shop h3 span{display:none}
.shop ul li{background:url(./tick.gif) no-repeat right 7px; padding-right:10px; padding-left:0px; padding-bottom:0px; padding-top:0px}
#right{background:#0c6919; float:right; width:240px; padding:0px 5px}
#left{background:#0c6919; float:right; width:238px; padding:0px 5px}
.shop-content{clear:both; background:#0c6919; margin:0px 1px 0px 1px}
.shop-footer{clear:both; background:url('./downloadha_shop_footer.gif') no-repeat; height:15px; width:500px}
.post{margin:5px 0 5px 0; width:700px }
.post-title{background:url('./post_title.png') no-repeat; width:500px}
.post-title-space{padding:21px 90px 0px 0px}
.post-title h1{background:url(./post_arrow.png) no-repeat right center; padding-right:25px; color:#fc2a00; margin:0px 5px 5px 5px}
.post-title h1 A:link{color:#0c00fc}
.post-title h1 A:hover{color:#429FD2}
#post-content{border:2px solid #E9EBEB; border-width:0px 2px 0px 2px; margin:0px 1px 0 0}
.post-content-text{padding:2px 8px 0px 8px}
.post-content-text .post-hr{width:480px; margin:8px auto 6px; height:1px; border-bottom:1px solid #E4DFDE}
.post-content-text .post-hr2{background:url(./hr_bottom_post.gif) no-repeat right center; width:480px; margin:0px auto 4px; height:14px}
#post-footer{width:500px; background:url('./post_footer.png') no-repeat; height:15px}
.meta{background:url(./meta.gif) no-repeat right center; width:500px; height:40px; color:#666}
.meta ul{padding:10px 15px 0px 18px}
#category{background:url(./meta_category.gif) no-repeat right center; padding-right:20px; float:right; margin:0px 0px 0px 5px}
#views{background:url(./meta_views.gif) no-repeat right center; padding-right:20px; float:right}
#info{border:2px solid #EBEDED; border-width:0px 2px 0px 2px; margin:0px 1px 0 0; padding:0px}
#author-post{background:url(./post_author.gif) no-repeat right center; padding-right:25px; float:right; margin:0px 0px 0px 5px}
#date-post{background:url(./post_date.gif) no-repeat right center; padding-right:25px; float:right; margin:0px 0px 0px 5px}
#comments-post{background:url(./post_comments.gif) no-repeat right center; padding-right:25px; float:right}
.paginate{width:500px; margin:8px 0px 0px 0px}
#paginate{padding:0px 10px 0px 5px}
.paginate-title{background:url('./paginate_title.gif') no-repeat; width:500px; height:40px}
.paginate-content{border:2px solid #EBEDED; border-width:0px 2px 0px 2px; margin:0px 1px 0 0 }
.paginate-footer{width:500px; background:url('./comment_footer.gif') no-repeat; height:18px }
#sidebar-right{background:#fff; float:right; width:220px; margin:5px 0 0 0 }
.sidebar-right{margin:0px 0 0 0}
#sidebar-left{background:#fff; float:left; width:220px; margin:5px 0 0 0 }
.sidebar-left{margin:0px}
.sidebar-box{background:#EBE8E8; margin:0px 0px 5px}
.sidebar-box h3{height:55px}

.sidebar-box .title{font-family:Tahoma; font-size:8pt; padding-right:50px; padding-top:15px}

.sidebar-box-content{width:220px; clear:both; background:url('./sidebar_bg.png') }
.sidebar-box ul{padding-right:15px; padding-left:15px; padding-bottom:5px; margin:0px; padding-top:0px}
.sidebar-box ul li{padding-right:12px; padding-left:0px; background:url(./arrow_mini_left.gif) no-repeat right 7px; padding-bottom:0px; padding-top:0px}
.sidebar-box-footer{clear:both; background:url('./sidebar_footer.gif') no-repeat; height:12px; width:220px}

.sidebar-right .ads h3{background:url('./ads_title.png') no-repeat; height:55px; width:220px}

.sidebar-left .ads h3{background:url('./ads_title.png') no-repeat; height:55px; width:220px}

.sidebar-right h3{background:url('./sidebar_title.png') no-repeat; height:55px; width:220px}

.sidebar-left h3{background:url('./sidebar_title.png') no-repeat; height:55px; width:220px}

.sidebar-right .category h3{background:url('./categories_title.png') no-repeat; height:55px; width:220px}
.sidebar-right .category ul{padding-right:12px; padding-left:10px; padding-bottom:5px; margin:0px; padding-top:0px}
.sidebar-right .category ul li{color:#000; padding-right:10px; padding-left:0px; background:url(./tick.gif) no-repeat right 5px; padding-bottom:0px; padding-top:0px}
.sidebar-right .category ul li ul{margin:0px 0px 0px 0px}
.sidebar-right .category ul li ul li{padding-right:11px; padding-left:0px; background:url(./arrow_mini_left.gif) no-repeat right 7px; padding-bottom:0px; padding-top:0px}
.sidebar-right .status h3{background:url('./stats_title.png') no-repeat; height:55px; width:220px}
.sidebar-right .monthly-archive h3{background:url(./archives_title.png) no-repeat center bottom}
.sidebar-left .pre-posts h3{background:url('./lastentires_title.png') no-repeat; height:55px; width:220px}
.sidebar-left .rand-posts h3{background:url('./random_title.png') no-repeat; height:55px; width:220px}
.sidebar-left .top h3{background:url('./topentire_title.png') no-repeat; height:55px; width:220px}
.sidebar-left .monthly-archive h3{background:url(./archives_title.png) no-repeat center bottom}
.sidebar-left ul li{padding-right:10px; padding-left:0px; background:url(./arrow_mini_left.gif) no-repeat right 7px; padding-bottom:0px; padding-top:0px}
.clear{clear:both; font-size:0px; line-height:0; height:0px}
.comment{width:500px; margin:10px 0px 10px 0px}
.comment-title{width:500px; background:url('./comment_title.gif') no-repeat; height:40px}
.comment-title .name{padding:14px 42px 0px 10px; color:#B2B2B2; float:right}
.comment-title .date{padding:14px 0px 0px 35px; color:#B2B2B2; float:left }
.comment-content{border:2px solid #EBEDED; border-width:0px 2px 0px 2px; margin-left:auto; margin-right:1px}
#comment{padding:0px 10px 0px 5px}
.comment-footer{width:500px; background:url('./comment_footer.gif') no-repeat; height:18px }
.addcomment{padding:0px 4px 0 0 }
.addcomment h3{width:500px; background:url('./add_comment.gif') no-repeat right; height:35px; border-bottom:#E8EBEB 1px solid; padding:0px 0px 4px 0px; margin:0px 0px 10px 0px}
.addcomment h3 SPAN{display:none}
.addcomment .input-title{float:right; width:100px; margin:0px 0px 10px 0px; padding:5px 0 0 0 }
.addcomment .input-box{float:right; width:350px; margin:0px 0px 10px 0px }

.gozashte{text-align:right}

.jadid{text-align:left}

.addcomment .comment_button{background:#FCFCFC no-repeat right; border:1px solid #E6E6E6; padding:5px; margin-right:100px; font:bold 1.4em/1.6 Arial,sans-serif; cursor:pointer; height:30px}
.addcomment #author{background:url(./author.gif) #FCFCFC no-repeat right; border:1px solid #E6E6E6; text-align:right; color:#000; padding:7px 28px 5px 5px; float:right}
.addcomment #email{background:url(./email.gif) no-repeat right; border:1px solid #E6E6E6; text-align:right; color:#000; padding:7px 28px 5px 5px; float:right}
.addcomment #url{background:url(./website.gif) #FCFCFC no-repeat right; border:1px solid #E6E6E6; text-align:right; color:#000; padding:7px 28px 5px 5px; float:right}
.addcomment #text{background:#FCFCFC ; width:350px; height:150px; margin:0px; border:1px solid #E6E6E6; padding:5px}
.footer-line{background:#E9E9E9; line-height:5px; height:5px; margin:0px 4px 0px 4px}
#footer{background:#F4F4F4; border:1px solid #fff; border-width:1px 0px 0px 0px; margin:0px 4px 0px 4px; padding:0px 5px 4px 0px}
#footer ul li{background:url(./footer_arrow.gif) no-repeat right 7px; padding-right:14px; padding-left:0px; padding-bottom:0px; padding-top:0px}
#footer a{text-decoration:none; color:#757575}
#footer a:hover{text-decoration:none; color:#B1A281}
#rss{width:130px; float:right; margin:30px 16px 10px 17px}
#rss img{width:130px; height:153px}
#tags{width:395px; float:right; margin:0px}
#tags h3{width:395px; background:url('./tags_title.png') no-repeat right; height:50px }
#tags h3 span{display:none}
#tags .tags-content{width:395px; background:url('./footer_content.gif')}
#tags .tags-content ul{padding:0px 12px }
#tags .footer{width:395px; background:url('./footer_bottom.gif') no-repeat right; height:20px}
#links{width:395px; float:right; margin:0px}
#links h3{width:395px; background:url('./links_title.png') no-repeat right; height:50px }
#links h3 span{display:none}
#links .links-content{width:395px; background:url('./footer_content.gif')}
#links .links-content ul{padding:0px 10px }
#links .links-content ul #right-links{float:right; text-align:right; width:165px}
#links .links-content ul #left-links{float:right; text-align:right; width:165px}
#links .footer{width:395px; background:url('./footer_bottom.gif') no-repeat right; height:20px }
#forum{width:395px; float:right; margin:0px}
#forum h3{width:395px; background:url('./forum_title.png') no-repeat right; height:50px }
#forum h3 span{display:none}
#forum .forum-content{width:395px; background:url('./footer_content.gif')}
#forum .forum-content ul{padding:0px 12px }
#forum .footer{width:395px; background:url('./footer_bottom.gif') no-repeat right; height:20px }
#releated-post{width:395px; float:right; margin:0px}
#releated-post h3{width:395px; background:url('./releated_posts.png') no-repeat right; height:50px }
#releated-post h3 span{display:none}
#releated-post .releated-content{width:395px; background:url('./footer_content.gif')}
#releated-post .releated-content ul{padding:0px 12px }
#releated-post .footer{width:395px; background:url('./footer_bottom.gif') no-repeat right; height:20px }
.copyright{background:url(./copyright.png) #484848; margin:0px 5px 1px 5px; color:#fff}
.copyright #copyright{float:right; padding:8px 10px}
.copyright #desinger{float:left; padding:8px 10px; background:#666}
.copyright #desinger a{color:#EEE}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a{padding:4px 0px 0px 0px; margin:0; border:none; text-decoration:none; font-weight:normal; font-style:normal; list-style:none; text-transform:none; text-indent:0px; font-variant:normal; text-align:left; line-height:12px; letter-spacing:0px; word-spacing:0px}

#wp_page_numbers{width:100%}
#wp_page_numbers ul{width:100%}
#wp_page_numbers li{float:left; display:block}

#wp_page_numbers a{padding-left:5px; padding-right:5px; display:block; color:#000; font-family:tahoma; font-size:8pt}

#wp_page_numbers li a:hover{color:#666}

#wp_page_numbers li.space{font-size:8pt; font-family:tahoma; color:#aaa; padding-left:5px; padding-right:5px}

#wp_page_numbers li.first_last_page{font-style:italic}

#wp_page_numbers li.active_page a{color:#000; font-weight:bold}
#wp_page_numbers li.active_page a:hover{color:#666}

#wp_page_numbers li.page_info{float:right; font-size:8pt; font-family:tahoma; color:#aaa; display:block; padding-right:5px}
page a:hover{color:#fff; text-decoration:underline; border-color:#A1D4E5}

#wp_page_numbers li.page_info{float:right; display:block; padding:3px; padding-left:5px; padding-right:5px; margin-right:2px; color:#000; font-size:11px; border:1px solid #A1D4E5}
.pagination span.pages, .pagination span.extend{display:block; float:right; padding:3px 3px 3px 5px; font-size:.8em; font-weight:normal}
.pagination a{display:block; float:right; padding:3px 7px; border:1px solid #ccc; margin:0 0 5px 5px; font-size:10px; background:#F3F3F3}
.pagination a:hover{border:1px solid #0c00fc; background:#0c00fc; color:#FFF}
.pagination span.current{border:1px solid #fc0000; color:#FFF; background:#fc0000; display:block; float:right; padding:3px 7px; margin:0 0 5px 5px; font-size:10px}
.pagination{align:center; text-align:center}
.divscroll{  font-size       :11px;    border          :2px solid #aaa;     width           :98%;     margin-bottom   :10px; padding-bottom:20px; padding-right:4px;          color:#000;          background-color:#EED; height:80px; overflow:scroll; text-align:right; align:right; display:none}
.pagination span.pages, .pagination span.extend{display:block; float:right; padding:3px 3px 3px 5px; font-size:.8em; font-weight:normal}
.pagination a{display:block; float:right; padding:3px 7px; border:1px solid #ccc; margin:0 0 5px 5px; font-size:10px; background:#F3F3F3}
.pagination a:hover{border:1px solid #313131; background:#434141; color:#FFF}
.pagination .current{border:1px solid #313131; color:#FFF; background:#929090; display:block; float:right; padding:3px 7px; margin:0 0 5px 5px; font-size:10px}
.pagination{align:center; text-align:center}
.related_post_title{background:#dbd7a5; font-family:tahoma; font-size:12px; padding:3px; margin-top:5px}
.related_post li{background:url(./postbullets.png) no-repeat right center; margin-right:5px; padding-right:20px}
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

دوستان واقعا یعنی هیچ کسی بلد نیست اموزش بده تغییر فونت سایت رو ..این همه نوشته شده کاربر حرفه ای کو پس حرفه ای

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 2 ساعت قبل، mostafashokri گفته است :

دوستان واقعا یعنی هیچ کسی بلد نیست اموزش بده تغییر فونت سایت رو ..این همه نوشته شده کاربر حرفه ای کو پس حرفه ای

ادرس سایت تون رو میشه لطف کنید بی زحمت؟!

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

برای این اسکریپت میخوام ممنون میشم لطفی کنید

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

اول باید فونت مورد نظر رو کامل این که میگم کامل یعنی تمامی پسوندارو داشته باشه اپلود کنید تو سایت بعد فراخوانیش کنید . سپس هر چی کد 

font-family:فلان فونت

رو تبدیل کنید به 

font-family:فونت مورد نظر

فونت فروم اینه

    font-family: sans-serif;

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

اگرم میخواید کل سایت رو فونتش عوض کنید باید تگ های html - h1 h2 h3و.... و همچنین Body رو فونت فامیلیش رو تغییر بدید که کلی عوض شه

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

همینم بلد نیستم من فایل استیل رو قرار میدم اگه وقت داری برام اوکی بکن بعد فونت مورد نظر رو هم قرار بده دانلود کنم ممنون میشم واقعا اگر لطفی کنید

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

اره کار کرد اما فونتش خیلی جالب نیست و هم میخوام تمام سایت فونتش مثلا اینجوری باشه اندازه همین پایینی

 

نمونه نوشته فونت

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیریت کل سایت
در 14 دقیقه قبل، mostafashokri گفته است :

ببخشید اگه وقت ندارین بگین تا جایی دیگه مطرح کنم تشکر

سلام

دوست عزيز حداكثر زمان پاسخگويي به مشكلات ٢٤ ساعت تا ٤٨ است

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

¬¬ با سلام و خسته نباشید ؛ دوست عزیز اینجا کاربرانی که پاسخگوی شما هستند هرکس به هر نوعی درگیر کاری هستند

 

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

آموزش تغییر فونت قالب وردپرس به صورت دستی

برای تغییر فونت شما نیاز به فایل فونت های مورد علاقه خودتون دارید ، خوب بعد از اینکه این فایل رو دانلود کردید از حالت فشرده خارج می کنید و فونت های مورد علاقه خودتون رو در سه فرمت (ttf , eot , woff ) انتخاب و در پوشه ای به نام (fonts ) که در اکثر قالب ها وجود داره (وجود نداشت خودتون بسازید ) قرار می دید.

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

حالا بر می گردید به فایل استایل یا CSS  قالبتون و اون رو باز کرده این کد رو در ابتدای فایل یعنی بعد از نوشته های مربوط به نام قالب ، ورژن و….. قرار می دید:

@font-face {
font-family: 'BYekan';
src: url('/fonts/BYekan.eot');
src: local('b BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}
 من به صورت پیش فرض BYekan رو قرار دادم و شما می تونید اسم فونت مورد علاقه خودتون رو که در پوشه fonts قرار داره و آپلود کردید جایگزین اون کنید.

نکته : در صورتی که مایل به استفاده از چند فونت بودید این کد رو در همون قسمت کپی و اسم فونت دلخواه تون رو که آپلود کردید قرار می دید مثل زیر :

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

خوب تا حالا فایل های اصلی رو داخل قالبتون قرار  دادید و قالب برای تغییر فونت آماده هستش!برای شناسایی و تغییر فونت ها ساده ترین راه اینه که دنبال عبارت : (font-family) داخل کد های استایل (css) باشید و اسم فونتی رو که به صورت پیش فرض قرار داره با فونت هایی که قبلا آماده کردید جایگزین کنید.

مثلا این فونت رو به این صورت تغییر می دید:

قبل از تغییرفونت:

 
font-family: "Droid Arabic Kufi","Verdana","Arial", sans-serif;
font-size: 14px;
font-weight: bold;

بعد از تغییر فونت:

 
font-family: "BYekan","Verdana","Arial", sans-serif;
font-size: 14px;
font-weight: bold;

روال کار در سایر بخش های سایت هم همینه:

حالا سوال اینه که از کجا بدونیم فونت کدوم قسمت در کجای فایل استایل (css) قرار داره؟ چطوری می تونیم تشخیص بدیم که مثلا فونت تیتر مطالب کدومه؟برای اینم یه راهی وجود داره و اون استفاده از افزونه ای هستش که روی مرورگر فایر فاکس نصب می شه و طراحان از اون استفاده می کنند. اسم این افزونه فایر بگه (Firebug)  و شما می تونی از طریق این لینک ها تنها برای اعضای سایت قابل نمایش است.  اون رو به صورت آنلاین روی مرورگرتون نصب  کنید.کار کردن با اونم به این شکله که وارد سایتتون می شید و روی مثلا تیتر نوشته ها علامت گذاری می کنید  و بعد راست کلیک می کنید و روی گزینه (Inspect Element with Firebug) کلیک می کنید.این افزونه خطی رو که این فونت قرار داره رو نمایش میده. الیته خودتون می تونید اسم فونت ها رو همون جا تغییر بدید و نتیجه رو به صورت آنلاین مشاهده کنید. (البته موقتی و بعد از رفرش از بین میره!) بنابر این باید از طریق فایل اصلی اقدام به تغییر فونت کنید.

موفق باشید.

 

روش دیگر تغییر فونت فارسی در وردپرس با افزونه MW Font Changer

 

شاید شما از آن دسته از افرادی باشید که علاقه ی زیادی به زیباتر شدن سایت خود دارند . زیبایی یک سایت به عوامل متعددی وابسته است مانند ظاهر ، قالب ، فونت ، رنگبندی و … ؛ همانطور که اشاره کردیم یکی از عوامل زیبایی یک سایت در فونت مورد استفاده می باشد که اگر کاربران سایت از فونت مورد استفاده خوششان بیاید ، قطعا در آینده نیز از سایت شما بازدید خواهند کرد . تغییر فونت یک سایت از طریق Css ها قالب امکان پذیر است اما کاربرانی وجود دارند که با کدنویسی و تغییر کد های  Css آشنایی ندارند . در این مطلب به شما افزونه ای را معرفی می کنیم که بدون نیاز به دانش کدنویسی فونت دلخواه خود را بر سایت وردپرس خود انتخاب و بارگذاری کنید . افزونه MW Font Changer یک افزونه حرفه ای برای وردپرس می باشد که توسط آن می  توانید فونت های فارسی را در قالب خود نمایش دهید . این افزونه فونت های زیادی را در خود جای داده است و از جمله این فونت ها ، مجموعه فونت های زیبای B می باشد که می توانید با انتخاب آنها ، فونت سایت خود را تغییر دهید . در ادامه با برخی از ویژگی های افزونه حرفه ای MW Font Changer همراه ما باشید .

برخی از ویژگی های افزونه MW Font Changer برای وردپرس :

  • بیش از ۲۰ فونت زیبای فارسی
  • دارای بخش تنطیمات در پیشخوان وردپرس
  • و …

فونت های موجود در افزونه :

  • Sultan Adan
  • B Yekan
  • Droid Arabic Naskh
  • Droid Arabic Kufi
  • B Koodak
  • B Bardiya
  • B Esfehan
  • B Helal
  • B Mahsa
  • B Mehr
  • B Mitra
  • B Jadid
  • B Homa
  • B Nasim
  • B Nazanin
  • B Sina
  • B Titr
  • Dast Nevis
  • Tahoma
  • IRYekan
  • Arial
  • Verdana
  • Comic Sans MS

اگر به فکر تغییر فونت قالب و سایت وردپرسی خود هستید می توانید افزونه MW Font Changer را دانلود کنید و در سایت خود فعال نمایید .

 
:$  لینک ها تنها برای اعضای سایت قابل نمایش است.
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 2 ساعت قبل، mostafashokri گفته است :

ببخشید اگه وقت ندارین بگین تا جایی دیگه مطرح کنم تشکر

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

میخواید چه فونتی باشه؟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...