Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, "Konu Vakti" kanalında yayınlanan bir eğitim dersidir. Eğitmen, CSS'te web sitelerine Google Fontları nasıl ekleneceğini ve kullanılacağını anlatmaktadır.
- Video, Google Fontları platformunun tanıtımıyla başlayıp, font arama ve seçme sürecini göstermektedir. Eğitmen, Fonts.google.com üzerinden font seçimi yapma, preconnect ve link etiketleri kullanarak fontları web sitesine ekleme, fallback font tanımlama ve farklı fontları aynı sayfada kullanma yöntemlerini adım adım göstermektedir. Ayrıca, web sitelerinde maksimum iki veya üç farklı font kullanmanın daha doğru olduğu ve çok fazla font yüklemenin web sitesinin açılma hızını etkileyebileceği bilgisi de paylaşılmaktadır.
- 00:08Google Font Kullanımı
- Bu derste CSS'te web sitemize Google Fontlardan nasıl font ekleyip kullanacağımız öğreneceğiz.
- Font family özelliği ile yazı tiplerini belirleyebiliriz, varsayılan olarak tarayıcıların bildiği yazı tipleri mevcut, ayrıca dışarıdan dahil edilebilenler de bulunur.
- Google Font, binlerce font arasından tasarımımıza uygun olanı seçip projemize dahil etmemizi sağlayan ücretsiz bir platformdur.
- 01:08Google Font Sitesi Kullanımı
- Google Font sitesinde binlerce font arasından seçim yapabilir, kategorileri daraltabilir, diller ve stil parametreleriyle filtreleme yapabilirsiniz.
- Seçilen fontun detay sayfasında "Select Style" seçeneği ile fontu projemize ekleyebilirsiniz.
- Seçilen fontlar sağ üstte görüntülenir ve sağ tarafta açılan side'dan fontu web sitemize eklemek için gerekli kodu alabilirsiniz.
- 03:27Fontu Projeye Ekleme
- Fontu projeye eklemek için HTML dosyasının head etiketinin içine Google Font'tan aldığınız kodu yapıştırmanız gerekir.
- Fontu kullanmak için CSS'de font-family özelliğini kullanarak seçtiğiniz fontu belirtebilirsiniz.
- Birden fazla font eklemek için her font için ayrı kod almak yerine, aynı link etiketinde birden fazla fontu virgülle ayırarak ekleyebilirsiniz.
- 08:13Font Kullanımında Dikkat Edilmesi Gerekenler
- Web sitesinde maksimum iki veya üç farklı font kullanımı daha doğru olur.
- Çok fazla font yüklersek web sitesinin açılma hızını etkileyebilir.
- Google Font, web sitenizdeki fontlarınızı düzenleyip istediğiniz fontları rahatlıkla aktarmanıza olanak sağlar.