استفاده از فونت‌های مخصوص بوسیله CSS

با توجه به تعداد زیاد روش‌های مختلف متصل شدن به اینترنت، سایت‌های اینترنتی باید طوری ساخته شوند تا همه کاربران را راضی نگه دارند. پشتیبانی مرورگرهای مختلف در سیستم‌عامل‌های مختلف محدودیت‌هایی را برای برنامه‌نویسان وب ایجاد می‌کند.

از آنجایی که سیستم‌عامل‌های مختلف فونت‌های متفاوتی را پشتبیانی می‌کنند، استفاده از فونت‌های تزیینی و مخصوص در صفحات اینترنتی کمتر به چشم می‌خورد. برای استفاده از این فونت‌های مخصوص به طوری که در همه مرورگرها و سیستم‌های عامل به طور یکسان نشان داده شوند از روش زیر می‌توان استفاده کرد:

@font-face {
font-family: Bellerose;
     src: url(path-to-your-special-font/Bellerose.ttf);
}

p {
     font-family: Bellerose;
}

به وسیله @font-face شما می‌توانید خصوصیات فونت خود را تعریف کنید. با وارد کردن آدرس فونت دلخواه خود در src، کاربرانی که این فونت را در سیستم‌ خود ندارند آن را دانلود کرده و عناصری را که به این فونت تزیین شده‌اند را به خوبی مشاهده خواهند کرد.

نکته قابل ذکر در مورد src، این است که از آنجایی که کاربران باید این فونت را دانلود کنند،‌قدری از سرعت بارگذاری صفحه کاسته خواهد شد. با این حال اگر شما از این فونت در جاهای مختلف از قبیل لوگو و منوها استفاده می‌کنید،‌جایگزین مناسبی برای عکس خواهد بود.

منتشر شده در: Dec. 8, 2010 ---- Views: 272

اگر از این مطلب خوشتان آمده،‌از خوانده مطلب زیر نیز خوشتان خواهد آمد:

۵ روش برای سرعت بخشیدن کار در محیط دستوری لینوکس


تعداد نظرات: 0


نظر بده:

  • | More

    برگرد به صفحه اصلی وبلاگ

    All Rights Reserved
    Powered By Mohammad Mohtasham