Css3
اول باید فونت مورد نظر رو توی فایل استایل فراخوانی کنیم .
برای فراخوانی باید از کاراکتر @ استفاده کنیم . به صورت زیر :
@font-face
بعد از کاراکتر @ یه اسم قرار میدیم که مهم نیست چی باشه… در اینجا Font-Face هست .
حالا نحوه فراخوانی کلی هم به صورت زیر هست :
@font-face {
font-family: Delicious;
src: url(‘Delicious-Roman.otf‘);
}
کد بالا رو توی فایل استایل قرار میدیم…به جای Delicious-Roman.otf باید آدرس فونت مورد نظر رو بدیم و به جای Delicious اسم فونت یا هر اسمی که موقع فراخوانی فونت میخوایم ازش استفاده میکنیم رو قرار میریم….
برای دادن خواص دیگه به کد بالا ، مثلا Bold کردن و … کد font-weight: bold; رو بهش اضافه میکنیم… به صورت زیر…
@font-face {
font-family: Delicious;
src: url(‘Delicious-Roman.otf‘);
font-weight: bold;
}
خوب…حالا فونت مورد نظر رو با استفاده از کد بالا تعریف کردیم . برای استفاده از اون در هر بخشی به صورت عادی عمل میکنیم . یعنی با استفاده از font-family نام فونتی که تعریف کردیم رو فراخوانی میکنیم . به صورت زیر…
h3 { font-family: Delicious, sans-serif; }
به همین راحتی به همین خوشمزگی
منبع