تعیین یک فونت (قلم - Font) خاص (که فایل های آن را داشته باشیم) برای نمایش متن ها، با قاعده @font-face و مشخصه font-family ، در CSS

برای اینکه از یک فونت (قلم - Font) خاص، برای نمایش متن های سایت خود استفاده کنیم، باید ابتدا یک پوشه (Folder) با نام fonts (یا هر نام دلخواه دیگر) بسازیم و سه فایل مربوط به آن فونت (قلم - Font) را در آن قرار بدهیم. سپس توسط کدهای CSS ، آن را به طور کلی تعریف کرده و سپس در بخش هایی که می خواهیم متن های آن بخش ها، با آن فونت (قلم - Font) نمایش داده شود، به نام تعریف شده برای آن فونت (قلم - Font)، ارجاع بدهیم (با مشخصه font-family در CSS).

برای درک بهتر این موضوع، به مثال زیر توجه کنید :