تبلیغات
بـــ روز | پلاس |BeRuzP - به کاربردن فونت های فارسی دلخواه در وب
 
نوشته شده توسط : علیرضا طهوری
اگر به دنبال این هستید که از فونت دیگری برای سایتتون استفاده کنید

امروز آموزش نوشتن css یا استایل برای به نمایش درآوردن این نوع فونت ها در سایت خودتون را,آموزش میدهیم.



آپلود فونت ها

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

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

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

آموزش نوشتن شیوه نامه برای فونت ها (استایل یا 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 می باشد شما اسم هر فونت دیگری که دوست داشتید اضافه کنید.همچنین محل فونت ها برای این کد پوشه font میباشد شما آدرس کامل فونت خودتونو وارد کنید.

نمایش در سایت

درون شیوه نامه خود محلی که می خواهید این فونت نمایش داده بشه شبیه این استایل را برایش بنویسید.این فقط یک مثاله اون قسمت font : Byekan فقط مهمه بقیش رو خودتون تغییر بدید!! .

.post h2 {line-height: 20px;
 font: 20px BYekan, Tahoma, Geneva, sans-serif;
 letter-spacing: .3px;
margin: 10px 0 10px 0;
 clear: both;}

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

———–

دانلود فونت Byekan با سه فرمت ttf , eot , woff

رمز فایل زیپ : www.picor.ir

حجم فایل : ۷۵ کیلوبایت !

———

دانلود مجموعه ی ۴۰فونت فارسی برای اینترنت (ttf , eot , wof)

رمز فایل زیپ : www.picor.ir

حجم فایل : ۲٫۸ مگابایت


منبع:  www.picor.ir




:: مرتبط با: ترفند ,
:: برچسب‌ها: فونت , دانلود فونت , نوشتن سایت با فونت دلخواه ,
تاریخ انتشار : جمعه 21 تیر 1392 | نظرات
می توانید دیدگاه خود را بنویسید
Сialis یکشنبه 21 مرداد 1397 09:05
Great delivery. Outstanding arguments. Keep up
the amazing spirit.
BHW جمعه 25 فروردین 1396 16:42
It's in fact very complex in this active life to listen news on TV, so
I only use world wide web for that reason, and
get the most recent news.
nazi جمعه 21 تیر 1392 21:54
بازدید وبلاگ خود را به رایگان افزایش دهید
http://www.iramit.net/irabest
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
 
39593649418797256475.png
صفحه اصلی
درباره ما
تماس با ما
آرشیو مطالب
خوراک سایت
فروشگاه