اگر به دنبال این هستید که از فونت دیگری برای سایتتون استفاده کنید (مثلا من خودم تو این قالب فعلی عنوان ها رو با فونت Byekan نمایش دادم ) امروز آموزش نوشتن css یا استایل برای به نمایش درآوردن این نوع فونت ها در سایت خودتون را,آموزش میدم.

آموزش استفاده از فونت های مختلف

آپلود فونت ها

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

بنابراین فونت ها را در یک پوشه دلخواه آپلود کنید.هر فونت باید هر 4مدل بالاش آپلود شه (البته کارتون با 3تاشم راه میفته!! مثلا اگر 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 همون مقدار کلاس مورد نظرتونو وارد کنید. 20px اندازه هست که به هر چقدر دوست دارید تغییر بدید.margin هم فاصله از طرفین هست دیگه متناسب با قالبتون تغییر بدید.

پیشنهاد بعدی  قالب html فرم صفحه پرداخت آنلاین

———–

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

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

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

———

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

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

حجم فایل : 2.8 مگابایت

——

آیا این مطلب مفید بود ؟! اگر انتقاد یا پیشنهادی برای سایت دارید در قسمت نظرات همین پست بگین !!

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 39 رای
Loading...