(Html-Css Ders 24) Html Font (Yazı Tipi) Nasıl Değiştirilir ? Google Fonts Kullanımı

💬 Bu videoda sayfamızda font şeklini ayarlamayı ve dışarıdan font eklemeyi gösterdik.Font-family özelliği ile fontlarımızın şeklini düzenleyebiliyoruz. Dışarıdan font eklemek için Google Fonts kullanıyoruz. Yazı tipi, belirli bir stilde ve boyutta yazdırılabilir veya görüntülenebilir metin karakteri setidir. Yazı kümesi türü tasarımı yazı tipi ve bu tasarımın varyasyonları yazı tipi ailesi oluşturmaktadır. Bir font ailesi adı birden fazla sözcükten meydana geliyorsa, tırnak(” “) işareti içine alınmalıdır, örneğin: “Times New Roman”. Tek bir font kullanmak yerine birkaç alternatif font kullanmanız her zaman tavsiye edilir. Sitenizde özel fontları kullanmak isteyebilirsiniz. Tüm fontlar tüm bilgisayarlarda bulunmadığından (binlerce yazı tipi vardır ve çoğu ücretsiz değildir), CSS bir geri dönüşüm sistemi sunar. Tarayıcı tarafından görüntülenemeyen bir font kullanılmışsa web’in güvenilen fontlarından birini seçerek yazının sunulmasında problem çıkartmaz. Varsayılan olarak, her bilgisayarda, tablette, akıllı telefonda veya diğer web tarama özellikli cihazlarda önceden yüklenmiş birkaç yazı tipi bulunur. Her cihazda zaten yüklü olan bu yazı tiplerini, web sitelerimizde özgürce kullanabiliriz; Bu yazı tipleri “web-güvenli fontlar” olarak bilinir hale gelmiştir. Önce istediğiniz yazı tipini, sonra kullanılamıyorsa ilk dolduracak yazı tiplerini ve en son web güvenli fontlarından birini tercih etmelisiniz. Web güvenli fontları ;
serif
sans-serif
cursive
monotype
fantasy
font-style Özelliği ile metni eğimli (italic) yapabilirsiniz. Alabileceği üç farklı değer vardır;
normal : Metin normal olarak gösterilir
italic : Metin italik olarak gösterilir
oblique : Metin “eğik” (eğik italikle çok benzer, ancak daha az desteklenmektedir).
CSS font özelliklerinin kullanımında çoğunun başında font-ifadesi bulunur.
🔔 Daha Fazla Türkçe Yazılım Eğitimi Videosu İçin Abone Olabilirsiniz
✅ Tüm Udemy kurslarımın linki: linktr.ee/emir...
✅ Discord Sunucumuza Katılmak İçin Tıklayın : / discord
✅ Github linki : github.com/emi...
✅ Html-Css oynatma listesi : • Html ve Css Dersleri 2022
✅ C# oynatma listesi : • C# Dersleri 1 | Visual...
--------------------------------------------------------------------
emir özdemir html
html ve css site yapımı
css dersleri
css dersleri 1
xhtml ve css dersleri
xhtml (html) ve css dersleri (türkçe)
html ve css ile web sitesi yapımı
html dersleri 7
html ve css dersleri
html ve css ile site yapımı
html ve css ile web sitesi yapımı
html ve css ile kişisel web site yapımı
html ve css ile sıfırdan site kodlama
html ve css ile menü yapımı
html ve css nedir
html ve css ile web site yapımı
html ve css birleştirme
html ve css site yapımı
html ve css den sonra
xhtml (html) ve css ders
html ve css eğitimi
html dersleri css
html ve css ile web sitesi yapma notepad
html ve css ile oyun yapımı
html ve css kodları ile site yapımı
html ve css nasıl öğrenilir
html ve css ne işe yarar
html ve css ne kadar sürede öğrenilir
xhtml ve css dersleri
html ve css öğrenmek
html ve css öğrenme
html ve css öğren
html ve css öğrenmek ne kadar sürer
html ve css test soruları
html ve css tabanlı kişisel web sitesi yapımı
xhtml (html) ve css dersleri (türkçe)
css ve html
html ve css ile yapılmış site örnekleri
html dersleri
html css dersleri
html css
html5
html ile web sitesi yapımı
html5 dersleri
html css site yapımı
html site yapımı
html css javascript
html arka plan resmi yapma
html admin paneli yapımı
html and css
html arama motoru yapma
html arama kutusu yapımı
html and css website design
html ana sayfa yapma
html arka plana müzik ekleme
a html program
html iframe
html başlangıç
html buton ekleme
html basit site yapımı
html butona link verme
html button
html bootstrap
html button link verme
html başlangıç dersleri
html css js
html css javascript dersleri
html css js dersleri

[@LiveYourLife1-e4x]

Çok teşekkürler..Videolarınız muhteşem..

[@Observer552]

Abi Allah razı olsun çok işime yaradı :)

Ne demek iyi çalışmalar :)

[@artaponsal]

teşekkürler ağzına sağlık

İyi çalışmalar 👌🏻

[@CHRIS-re9sn]

font family etiketini kendı oluşturduğun bir classa yazdın ben sadece bir satir yazıya uygulamak ıstıyorum bi class oluşturmak şart mı ?

Hayır, style diyip font-family: özelliğini kullanabilirsiniz

[@hamzakaraarslan-y5z]

abi kodu yorumlara atar mısın

Github üzerinde mevcut. Github.com/emirgorkemozdemir