فونت فارسی استاندارد برای سایت

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

حتما بخونید : افزونه ساخت صفحه ۴۰۴ سفارشی برای وردپرس

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

در گذشته بیشتر سایتها از فونت تاهوما استفاده مینمودند ولی امروزه از مهمترین فونتهای مورد استفاده در میان صفحات وب فارسی میتوان به میترا، یکان، ترافیک و … اشاره نمود. حال این فونتها را اگر درون سایت مورد استفاده قرار دهید هم در اندازه های کوچک با مشکل مواجه خواهیم شد و همچنین اگر به فونتها خوب توجه شود کیفیت کمی دارند که به این دلایل باید فونتها اصلاح شوند. در این مطلب تعدادی از بهترین فونت های فارسی برای وب با سه فرمت wof ، ttf ، eot برای شما عزیزان قرار داده ایم . امیدواریم که برایتان مورد استفاده قرار بگیرد.

فونت های موجود در بسته دانلود :

  • فونت وب میترا بولد
  • نسیم
  • رویا
  • تبسم
  • تیتر
  • ترافیک
  • فونت وب اصلاح شده یکان

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

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

دانلود فونت های فارسی

/* css reset:www.fabtheme.ir */
html,body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, menu, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, menu, section {
	display: block;
}
body {
	line-height: 1px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.aligncenter, img.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.alignright, img.alignright{float: right;}
.alignleft, img.alignleft{float: left;}
#wp-calendar{width: 90%; margin: 0 auto;}
#wp-calendar tbody tr td,#wp-calendar thead tr th{
	width:25px !important;
	height:25px !important;
	margin: 2px 7px;
	text-align:center;
	background : #f5f5f5;
	display: inline-block;
	padding: 0 !important;
}
#wp-calendar thead tr th{color:#333333; background: none;padding: 0 !important;margin: 2px 6px !important;}
#wp-calendar tbody tr td a{color: #444479;}
#wp-calendar #next,#wp-calendar #prev{text-align: center;}
.ava-bg{background: url(images/ava-bg.png) no-repeat center;}
img{max-width: 100%;height: auto;} 
#wp-calendar{margin-top: 30px;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul{list-style-type: none;}
a{text-decoration: none;}
.clear{clear: both;}
.clear2{clear: both;margin-bottom: 30px;}
strong{font-weight: bold;}
/*  css reset */

@font-face {
    font-family: 'BMitra';
    src: url('BMitra.eot');
    src: url('BMitra.eot?#iefix') format('embedded-opentype'),
         url('BMitra.woff') format('woff'),
         url('BMitra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BMitraBold';
    src: url('BMitraBold.eot');
    src: url('BMitraBold.eot?#iefix') format('embedded-opentype'),
         url('BMitraBold.woff') format('woff'),
         url('BMitraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BRoya';
    src: url('BRoya.eot');
    src: url('BRoya.eot?#iefix') format('embedded-opentype'),
         url('BRoya.woff') format('woff'),
         url('BRoya.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BTabassom';
    src: url('BTabassom.eot');
    src: url('BTabassom.eot?#iefix') format('embedded-opentype'),
         url('BTabassom.woff') format('woff'),
         url('BTabassom.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BTitr';
    src: url('BTitr.eot');
    src: url('BTitr.eot?#iefix') format('embedded-opentype'),
         url('BTitr.woff') format('woff'),
         url('BTitr.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BTitrTGE';
    src: url('BTitrTGE.eot');
    src: url('BTitrTGE.eot?#iefix') format('embedded-opentype'),
         url('BTitrTGE.woff') format('woff'), 
         url('BTitrTGE.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
	font-family: 'Yekan';
	src: url('fonts/Yekan.eot?-wwn5ej');
	src: url('fonts/Yekan.eot?#iefix-wwn5ej') format('embedded-opentype'),
	url('fonts/Yekan.woff?-wwn5ej') format('woff'),
	url('fonts/Yekan.ttf?-wwn5ej') format('truetype'),
	url('fonts/Yekan.svg?-wwn5ej#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	 font-family: 'BTitrTGE';
	 font-size: 15px;

}

@font-face {
    font-family: 'BTraffic';
    src: url('BTraffic.eot');
    src: url('BTraffic.eot?#iefix') format('embedded-opentype'),
         url('BTraffic.woff') format('woff'),
         url('BTraffic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


 @font-face {
    font-family: 'BNasim';
    src: url('BNasim.eot');
    src: url('BNasim.eot?#iefix') format('embedded-opentype'),
         url('BNasim.woff') format('woff'),
         url('BNasim.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
آموزش وردپرس وبلاگ سایت
آموزش و پروژه رایگان برنامه نویسی

یک نظر

  1. آقای شعبانی
    اگه میشه کمکم کنید…
    ان شالله هزار برابرش گیرتون بیاد

دیدگاه خود را بیان کنید

طراحی سایت