انتخاب رنگ سبز انتخاب رنگ آبی انتخاب رنگ قرمز

اضافه کردن فونت در سی اس اس 3


تا قبل از سی اس اس 3 طراحان باید از فونت هایی استفاده میکردند که روی سیستم کاربر نصب شده بود .
با استفاده از سی اس اس شما هر فونتی که دوست داشته باشید را میتوانید ایمپورت کنید و با آن بنویسید .
اگر فونتی دارید یا آن را خریده اید آن را روی سرور میتوانید آپلود کنید و نوشتن خود را با فونت مورد علاقه تان آغاز کنید .
فونت های شما با استفاده از @font-face در سی اس اس 3 شناخته میشوند .

پشتیبانی مرورگر ها
پشتیبانی مرورگر ها از CSS3 Border

فایرفاکس ، کروم ، سافاری و اپرا از فونت های .ttf و .otf پشتیبانی میکنند .
اینترنت اکسپلورر 9 به بالا از @font-face پیروی میکند ولی فقط از فونت .eot پشتیبانی می کند .
اینترنت اکسپلورر 8 به پایین از @font-face پشتیبانی نمی کند .
استفاده از فونت های مورد علاقه تان

با استفاده از قانون @font-face ابتدا باید یک نام برای فونت خود استفاده کنید (مثلاً vbiran) و بعد آن را به فونت که قبلاً آپلود کرده اید هدایت کنید .
برای نسبت دادن یک فونت به یک المنت باید از font-family استفاده کنید :

نمونه ( ایمپورت فونت BYekan با نام vbiran )
Internet ExplorerFirefoxChromeSafariOpera
<style type="text/css">
@font-face
{
font-family: vbiran;
src: url('BYekan.ttf'),
url('BYekan.eot'); /* IE9+ */
}

div
{
font-family:vbiran;
} </style>
استفاده از فونت درشت

برای درشت کردن ورژن درشت فونت خود را همراه با font-weight:bold; به بخش های قبلی اضافه میکنیم :

نمونه (Bold font)
Internet ExplorerFirefoxChromeSafariOpera
@font-face
{
font-family: vbiranbold;
src: url('BYekan_Bold.ttf'),
url('BYekan_Bold.eot'); /* IE9+ */
font-weight:bold;
}
معرفی کردن متغیر های فونت


وی بی ایران در Facebook

صفحه رسمی وی بی ایران در فیس بوک قصد دارد تا بهترین مطالب را به Stream شما ارسال کند . اگر میخواهید :
  • استایل های جدید
  • هک های جدید
  • مقاله های محبوب
  • خبر های جدید ویبولتین
  • و ..
برای شما ارسال شود ، هم اکنون پیج ما را لایک کنید .
برای ورود به صفحه رسمی وی بی ایران روی آیکن فیس بوک کلیک کنید .