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

Mohammad

مدیر انجمن
پرسنل مدیریت
شاید شما دوست داشته باشید از فونت خاصی در سایت خودتون استفاده کنید! برای این کار چند روش وجود داره! یکی از روش ها اینه که ما اسم فونت رو صدا کنیم و قرار بدیم!

مثال:


کد:
p { font-family: B Yekan, sans-serif; }
ولی در این روش یک مشکلی هست اونم اینه که باید فونت مورد نظر حتما تو سیستم بازدید کننده سایت ما باشه! و این 100% نیست! مخصوصا تو فونت های خاص

روش دوم استفاده از@font-face در CSS هست.

در این روش ما به جای اینکه بیایم فونت رو از سیستم بازدید کننده بخونیم . فونت رو از سایت خودمون بارگزاری میکنیم و از این طریق نیاز نیست در سیستم بازدید کننده فونت وجود داشته باشه!

مثال:

تعریف فونت با نام دلخواه:


کد:
@font-face {  
   font-family: yekan; 
    src: url('yekan.otf'); }
ما در ابتدا نام برای فونت انتخاب میکنیم(با font-family) و در قسمت src مسیر فونت رو میدیم...

فراخوانی فونت:


کد:
p { font-family: yekan; }
حالا اسم فونت رو که قبلا انتخاب کردیم رو وارد میکنیم...

تمام

این عمل در بعضی از مرورگر های قدیمی که css3 پشتیبانی نمیکنن اجرا نمیشه

 

MR.ALIREZA

تازه وارد
محمد جان خیلی ممنون

میشه کد css فونت های افکت دار رو بزاری؟ مث سایت خودت که روی لینکا میری یه حالت جالبی میگیرن.فکر کنم سایه دار کردن فونت هاست.نمونه این سایت رو ببین:



این مدلی می خوام.

 

tronix

تازه وارد
محمد جان خیلی ممنون میشه کد css فونت های افکت دار رو بزاری؟ مث سایت خودت که روی لینکا میری یه حالت جالبی میگیرن.فکر کنم سایه دار کردن فونت هاست.نمونه این سایت رو ببین:



این مدلی می خوام.
خاصیت text-shadow هست

این نمونه آموزش

 
بالا