1. Yazı tipi adı tanımlama:

   font-family

   özelliğini kullanarak yazı tipine benzersiz bir isim verin 4.
2. Yazı tipi dosyasını belirtme:

   src

   özelliğini kullanarak yazı tipi dosyasının URL'sini tanımlayın 14. Birden fazla URL sağlamak, farklı tarayıcıların uyumunu artırır 4.
3. Ek yazı tipi özellikleri:

   font-weight

   ,

   font-style

   gibi ek özellikleri de tanımlayabilirsiniz 4.

@font-face {
  font-family: 'MyCustomFont';
  src: url('path/to/my-custom-font.woff2') format('woff2'),
       url('path/to/my-custom-font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
Kopyala

my-custom-font