تا قبل از سی اس اس 3 طراحان باید از فونت هایی استفاده میکردند که روی سیستم کاربر نصب شده بود .
با استفاده از سی اس اس شما هر فونتی که دوست داشته باشید را میتوانید ایمپورت کنید و با آن بنویسید .
اگر فونتی دارید یا آن را خریده اید آن را روی سرور میتوانید آپلود کنید و نوشتن خود را با فونت مورد علاقه تان آغاز کنید .
فونت های شما با استفاده از @font-face در سی اس اس 3 شناخته میشوند .
پشتیبانی مرورگر ها
فایرفاکس ، کروم ، سافاری و اپرا از فونت های .ttf و .otf پشتیبانی میکنند .
اینترنت اکسپلورر 9 به بالا از @font-face پیروی میکند ولی فقط از فونت .eot پشتیبانی می کند .
اینترنت اکسپلورر 8 به پایین از @font-face پشتیبانی نمی کند .
استفاده از فونت های مورد علاقه تان
با استفاده از قانون @font-face ابتدا باید یک نام برای فونت خود استفاده کنید (مثلاً vbiran) و بعد آن را به فونت که قبلاً آپلود کرده اید هدایت کنید .
برای نسبت دادن یک فونت به یک المنت باید از font-family استفاده کنید :
برای درشت کردن ورژن درشت فونت خود را همراه با font-weight:bold; به بخش های قبلی اضافه میکنیم :
نمونه (Bold
font)
@font-face
{
font-family: vbiranbold;
src: url('BYekan_Bold.ttf'),
url('BYekan_Bold.eot'); /* IE9+ */
font-weight:bold;
}
{
font-family: vbiranbold;
src: url('BYekan_Bold.ttf'),
url('BYekan_Bold.eot'); /* IE9+ */
font-weight:bold;
}