دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ Milad Mokhtari
نحوه نام گذاری font-family
جامعه Html & CSS ایجاد شده در ۰۱ آذر ۱۴۰۱

به طور کلی برای نام گذاری فونت نیاز به استفاده از کوت نیست .

ولی بعضی از فونت‌ها دارای نام 2 کلمه ای به بالا میباشند، مثال :

'Times New Roman'

برای این نوع فونت‌ها هم زمان نامگذاری و هم فراخوانی باید نام این فونت‌ها رو در کوت قرار داد.

مثال فونت تک کلمه ای:

@font-face {
  font-family: Vazir;
  src: url("../fonts/Vazir.eot") format("eot"),
    url("../fonts/Vazir.woff") format("woff"),
    url("../fonts/Vazir.woff2") format("woff2"),
    url("../fonts/Vazir.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

مثال فونت چند کلمه ای:

@font-face {
  font-family: 'Vazir Fa';
  src: url("../fonts/vazir.eot") format("eot"),
    url("../fonts/vazir.woff") format("woff"),
    url("../fonts/vazir.woff2") format("woff2"),
    url("../fonts/vazir.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

اطلاعات بیشتر:

https://www.w3schools.com/css/css_font.asp#midcontentadcontainer