Css Font Ekleme



Projelerimizde css dosyasında kod yazarken bazen istediğimiz fontlar olmaz. Bunun için de yapmamız gereken ilk iş Google a google fonts yazıp aratmak.

Mesela Open Sans fontunu yazıp aratıyoruz.



























Resimdeki simgelerden ortadakine tıklıyoruz( Quick-use)Özellikleri kendimiz seçebiliyoruz ve dillerrde latin olan kısmı tiklemek gerekir türkçe karakteri tanıması için, Daha sonra verilen linki alıp kopyalayıp yapıştırıyoruz ( http içindekini)





Linke tıkladığımızda karşımıza bu şekilde css kodu çıkacaktır. Css kodunu kullandığımız stil dosyasına yapıştırıyoruz. Url içindeki linki alıp tarayıcıya yazıyoruz ve .woff uzantılı dosya inmiş oluyor. Daha sonra adını opensans.woff şeklinde kaydediyoruz çalıştığımız dosyanın içine. Daha sonra artık dosyamız local de olduğu için url kısmına sadece opensan.woff yazmanız yeterli.






Kullanımı ise resimdeki gibidir. Kolay Gelsin












Share:

0 Yorumlar:

Yorum Gönder

Bunlara Göz Atmalısın

Stats

Bu Blogda Ara

Arşiv

Hakkında

Teknoloji manyağı

Latest Posts

Featured

İletişim Formu

Ad

E-posta *

Mesaj *

Mutlaka Okumanız Gerekenler

AD BANNER

Etiketler

Blog Arşivi