FunnyLearn.ir | فانی لرن
FunnyLearn.ir | فانی لرن
خواندن ۱ دقیقه·۱ سال پیش

بهترین فونت ها برای یک وبسایت فارسی زبان

نمونه فونت استفاده شده در تصویر بالا قابل مشاهده است.
نمونه فونت استفاده شده در تصویر بالا قابل مشاهده است.


چرا باید از یک فونت مناسب در وبسایت خود استفاده کنیم ؟

یکی از مهم ترین عنصر هایی که باعث زیبایی وبسایت شما میشود فونت آن است , یک فونت خوانا و مناسب و استاندارد از همه جهت میتواند به رشد وبسایت شما کمک کند , از جمله مواردی که فونت میتواند در وبسایت تاثیر داشته باشد سئو و خوانایی متن و زیباتر شدن وبسایت است,


برای همین من دو فونت بسیار مناسب برای وبسایت شما فراهم کردم که بالاترین رتبه استفاده در بین فونت های ایرانی را داراست, اولین فونت ایران یکان میباشد و دومین فونت وزیر است , همینطور جهت سهولت استفاده یک کد استاندارد css برای اضافه کردن این فونت ها به وبسایت برای شما نوشته ام که در پایین میتونید روش استفاده از آن را مشاهده کنید:


آموزش استفاده :

ابتدا در مسیر اصلی قالب یک پوشه به نام fonts بسازید و سپس در آن دو پوشه به نام p-div و h1h2 ایجاد کنید , و در پوشه فونت ها فایل های فونت انتخابی رو کپی کنید و بریزید توی پوشه های مورد نظرتون

سپس کد استایل زیر را به فایل دیزاین قالب خود اضافه کنید:


/* فونت ها */
@font-face {
font-family: 'vazir';
src: url('fonts/p-div/font.eot');
src: url('fonts/p-div/font.eot?#iefix') format('embedded-opentype'),
url('fonts/p-div/font.woff2') format('woff2'),
url('fonts/p-div/font.woff') format('woff'),
url('fonts/p-div/font.ttf') format('truetype'),
url('fonts/p-div/font.svg#svgFontName') format('svg');
}
@font-face {
font-family: 'iranyekan';
src: url('fonts/h1h2/font.eot');
src: url('fonts/h1h2/font.eot?#iefix') format('embedded-opentype'),
url('fonts/h1h2/font.woff2') format('woff2'),
url('fonts/h1h2/font.woff') format('woff'),
url('fonts/h1h2/font.ttf') format('truetype'),
url('fonts/h1h2/font.svg#svgFontName') format('svg');
}
body {font-family: 'vazir', sans-serif; font-size: 16px;}
h1, h2 { font-family: 'iranyekan', sans-serif; font-weight: 700;}
p, span, div {font-family: 'vazir', sans-serif;line-height: 2;font-weight: 400;}
/* فونت ها */


لینک دانلود فونت ها از گوگل درایو :
https://drive.google.com/file/d/1XCrcPtS9_OtGKrEq2npvRU7_h921MP-q/view?usp=sharing


جهت دریافت مطالب بیشتر کانال تلگرام ما را دنبال کنید: t.me/Funny_learn

فانی لرن جایی برای یادگیری.. [اندروید،مودینگ،برنامه نویسی،ترفند،آموزشی]
شاید از این پست‌ها خوشتان بیاید