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

به کاربردن فونت های فارسی دلخواه در وب

بازگشت

به جایی که از آن میآیید
Want create site? Find Free WordPress Themes and plugins.

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

css-web-design-500x262آپلود فونت ها

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

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

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

آموزش نوشتن شیوه نامه برای فونت ها (استایل یا css )!!

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

نمایش در سایت


درون شیوه نامه ( style.css ) خود محلی که می خواهید این فونت نمایش داده بشه شبیه این استایل را برایش بنویسید.این فقط یک مثاله اون قسمت font : Byekan فقط مهمه بقیش رو خودتون تغییر بدید!! .
h2{line-height: 20px;
 font: 20pxBYekan, Tahoma, Geneva, sans-serif;
 letter-spacing: .3px;
margin: 10px010px0;
 clear: both;
}
دقت کنید بجای مقدار h2 همون مقدار کلاس مورد نظرتونو وارد کنید. ۲۰px اندازه هست که به هر چقدر دوست دارید تغییر بدید.margin هم فاصله از طرفین هست دیگه متناسب با قالبتون تغییر بدید.
فونت Byekan و ۴۰ فونت فارسی در ۳ پسوند مختلف را مبتوانبد در ادامه دانلود کنید
آیا این مطلب مفید بود ؟! اگر انتقاد یا پیشنهادی برای سایت دارید در قسمت نظرات همین پست بگین !!
Did you find apk for android? You can find new Free Android Games and apps.

0 دیدگاه ها در "به کاربردن فونت های فارسی دلخواه در وب"

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

اطلاعیه های سایت...

این چیست؟

تخفیف 30 درصدی محصولات وردپرس به مناسبت ماه مبارک رمضان

کد تخفیف : ramazan97

ورود به فروشگاه