@font-face nasıl kullanılır?
@font-face CSS kuralı, web sitesinde özel yazı tiplerini kullanmak için kullanılır. Bu kuralı kullanmak için aşağıdaki adımları izlemek gerekir: 1. Yazı tipi adı tanımlama: `font-family` özelliğini kullanarak yazı tipine benzersiz bir isim verin. 2. Yazı tipi dosyasını belirtme: `src` özelliğini kullanarak yazı tipi dosyasının URL'sini tanımlayın. 3. Ek yazı tipi özellikleri: `font-weight`, `font-style` gibi ek özellikleri de tanımlayabilirsiniz. Örnek bir @font-face kuralı: ```css @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; } ``` Bu kural, tarayıcının `my-custom-font` adlı yazı tipini bulmasını ve kullanmasını sağlar. Desteklenen tarayıcılar: Edge, Chrome, Firefox, Safari ve Opera.
@font-face nasıl kullanılır?