شاید شما دوست داشته باشید از فونت خاصی در سایت خودتون استفاده کنید! برای این کار چند روش وجود داره! یکی از روش ها اینه که ما اسم فونت رو صدا کنیم و قرار بدیم!
مثال:
ولی در این روش یک مشکلی هست اونم اینه که باید فونت مورد نظر حتما تو سیستم بازدید کننده سایت ما باشه! و این 100% نیست! مخصوصا تو فونت های خاص
روش دوم استفاده از@font-face در CSS هست.
در این روش ما به جای اینکه بیایم فونت رو از سیستم بازدید کننده بخونیم . فونت رو از سایت خودمون بارگزاری میکنیم و از این طریق نیاز نیست در سیستم بازدید کننده فونت وجود داشته باشه!
مثال:
تعریف فونت با نام دلخواه:
ما در ابتدا نام برای فونت انتخاب میکنیم(با font-family) و در قسمت src مسیر فونت رو میدیم...
فراخوانی فونت:
حالا اسم فونت رو که قبلا انتخاب کردیم رو وارد میکنیم...
تمام
این عمل در بعضی از مرورگر های قدیمی که css3 پشتیبانی نمیکنن اجرا نمیشه
مثال:
کد:
p { font-family: B Yekan, sans-serif; }
روش دوم استفاده از@font-face در CSS هست.
در این روش ما به جای اینکه بیایم فونت رو از سیستم بازدید کننده بخونیم . فونت رو از سایت خودمون بارگزاری میکنیم و از این طریق نیاز نیست در سیستم بازدید کننده فونت وجود داشته باشه!
مثال:
تعریف فونت با نام دلخواه:
کد:
@font-face {
font-family: yekan;
src: url('yekan.otf'); }
فراخوانی فونت:
کد:
p { font-family: yekan; }
تمام
این عمل در بعضی از مرورگر های قدیمی که css3 پشتیبانی نمیکنن اجرا نمیشه