مشکل font-face

شما از طریق دستور font-face دو کار انجام می دید:
یک) فایل های خط خودتون رو به css اضافه می کنید.
دو) برای این خط هایی که به css اضافه کردید، نامی رو نعریف می کنید و از این پس، این نام ِ تعریف شده، معرف خطی هستش که شما فایل های مورد نظرش رو اضافه کردید. هر جایی بخواید از خط تون استفاده کنید، از این نام استفاده می کنید و خط شما رو صدا می زنه.

شما دو روش برای استفاده از خط ها در پروژه تون دارید:
یک) استفاده از cdn
دو) استفاده از دستور font-face

اگر از روش cdn استفاده کنید، نکته منفی) خط های پروژه شما وابسته به سایتی خواهد بود که نشانی دادید. در صورتی که برای سایت مبدا مشکلی پیش بیادش، دسترسی به فایل های خط شما از دست میره. / نکته مثبت) افزایش سرعت بارگذاری

در صورتی که شما خطی دارید و این خط براش cdn ای موجود نیستش، شما باید از دستور font-face استفاده کنید تا خط رو به پروژه تون اضافه کنید.

پوشه خط ها (font) جهت مرتب سازی و قرار دادن فایل های مرتبط با خط شما هستش. مثلا میخواید خط وزیر رو در پروژه تون استفاده کنید، فایل های مرتبطش رو توی این پوشه قرار می دین.

خصوصیت font-family به معنی نوع خط انتخابی برای عنصر مورد نظر هستش. ارتباط مستقیمی با قرار دادن و تعریف کردن خط جدید در پروژه شما نداره.

منبع آموزشی بسیار مفید فارسی:
https://css-tricks.ir/reference/font-face/

این آموزش 👆 رو کامل بخونید.