font-face@
726 روز پیش
پويا صادقى , آموزش CSS
اگه بخواین از یه فونت خوشگل تو قالبتون استفاده کنید چیکار میکنید؟ تبدیلش میکنید به عکس؟ از جاوا اسکریپت استفاده میکنید؟ یا کلا بیخیال میشید؟
یکی از ویژگی های CSS3 استفاده ازفونت های خاص بدون نیاز به نصب روی سیستم کاربر است.
CSS:
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
h3 { font-family: Delicious, sans-serif; }
مثال:
@font-face {
font-family: 'Junction';
src: url(Junction02.otf);
}
@font-face {
font-family: 'LeagueGothic';
src: url(LeagueGothic.otf);
}
@font-face {
font-family: 'GG250';
src: url(General250.otf);
}
header {
font-family: 'LeagueGothic';
}
( تبدیل فونت های TTF به EOT + تبدیل فونت TTF به EOT )
( کدوم مرورگرها چه نوع فونتهایی رو ساپورت میکنن؟ )
( سایت CSS3 )
نوشته شده توسط پويا صادقى
سلام! من پویا صادقی هستم؛ طراح وب استاتیک ، CSS/HTML ، دانشجوی نرم افزار.
می تونید من رو در توییتر دنبال کنید، گالری من رو در deviantart ببینید،
یا با ایمیل info@Pasargad-Graphic.com تماس بگیرید.
