روش مناسب نصب کردن فونت

[shahin53]

سلام خدمت اعضای محترم سایت

من میخوام روی سایتم فونت نصب کنم اما چون اولین بارمه مطمئن نیستم دارم اینکارو به روش درست انجام میدم.

ممکنه به قطعه کدی که نوشتم نگاهی بندازید و راهنمایی کنید که ایا درست و کامل نوشتم ؟ یا به قول معروف بهترین تمرین رو پیاده کردم یا نه؟

این کدیه که من نوشتم:





@font-face {
font-family: 'Nahid';
src: url("../assests/fonts/Nahid.ttf"),
url("../assests/fonts/Nahid.woff"),
url("../assests/fonts/Nahid.woff2"),
url("../assests/fonts/Nahid.eot")
}





ممنونم بابت هر راهنمایی و نکته ای که بفرمایید

[anvar]

فرم استانداردش نیست اما شسته و رفته است دیگه

@font-face {
font-family: fontname;
src: local("fontname"),
url(..fonts/fontname.eot) format("embedded-opentype"),
url(..fonts/fontname.woff2) format("woff2"),
url(..fonts/fontname.woff) format("woff"),
url(..fonts/fontname.ttf) format("truetype");
}

میتونید در قاعده fontface از تابع local هم استفاده کنید در این حالت اگر فونت مورد نظر در سیستم کاربران از قبل وجود داشته باشد نیازی به دانلود از سرور نیست که سرعت بارگزاری و مصرف منابع را کاهش می دهد البته چون فونت های وب اختصاصی تر هستند و بندرت بر روی کامپیوترهای شخصی نصب میشن ممکنه برای هر فونتی کارایی نداشته باشه اما در هر صورت راه حل بهینه و منطقی هست

فرمت های هر فونت هم مام تایپ ها هر فونت را مشخص می کنند - هر کدام از فونت های فوق ممکنه در یک مرورگر خاص کاربرد داشته باشن - مثلا مرورگرهای اینرتنت اکسپلورر نسخه 8 و پائین تر فقط از فونت های نوع EOT استفاده می کنن و اگر این نوع از فرمت فونت را نداشته باشید عملا سایر فرمت ها کاربردی براش ندارن

اطلاعات بیشتر در
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face