CSS Font Kullanımı

Ekleyen:

CSS ile kodlama web siteleri için mecburiyettir. CSS’de font kullanımı standarttır fakat kişinin bilgisayarında yüklü olmayan bir fontu nasıl kullanırız. Tabiki @font-face özelliği ile onu universal olarak tanıtır ve kullanıcının bilgisayarına kısa süreli yükleme yaparız.

@font-face Genel Bilgi

@font-face özelliği web sitelerimizde sistemde yüklü olmayan yazı tiplerini kullanmamıza imkan verir. @font-face kodu ile kullanıcının bilgisayarına kullanılacak yazı tipleri yüklenir.

CSS3 ile tüm tarayıcılarda uyum içerisinde bu özelliği kullanabilirsiniz.

@font-face Kodu

CSS dosyamıza aşağıdaki kod ile fontumuzu tanıtıyoruz.

@font-face {
font-family: Monda;
src: url(https://www.pilsiz.net/font/Monda.ttf);
}

Yazı içerisinde <h1> kodu ile bir yazı yazdığımızı düşünelim. <h1> koduna font-family ile yukarıda belirttiğimiz font adımızı yazıyoruz.

h1 { font-family: Gentium, serif; }

tüm yapacaklarımız bu kadardır. Eğer istersek kendi sunucumuzdaki ya da dışarıdan bir linkten font dosyamızı çağırabiliriz.

Yorum Yap

E-posta hesabınız yayımlanmayacak.

16 − four =

Okunası Yazılar