Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Tayfun Erbilen tarafından sunulan bir CSS eğitim içeriğidir. Eğitmen, CSS'de font özellikleri konusunu detaylı şekilde anlatmaktadır.
- Video, CSS'de font özellikleri konusunu kapsamlı şekilde ele almaktadır. İlk bölümde font family, font size, font style, font variant, font weight ve font kısayol özellikleri örneklerle açıklanırken, ikinci bölümde font-face özelliğinin özel yazı tiplerini belirlemek için nasıl kullanıldığı, TTF, OTF, EOT, SVG ve WOFF gibi farklı font formatları ve bunların farklı tarayıcılarda nasıl çalıştığı anlatılmaktadır.
- Eğitmen, her bir özelliği kod örnekleriyle göstererek, hangi değerlerin kullanılabileceğini ve bunların etkilerini Chrome tarayıcısında test etmektedir. Ayrıca, birden fazla yazı tipi tanımlama, font face kullanımı ve satır yüksekliği (line height) gibi konular da örneklerle açıklanmaktadır.
- CSS Font Özellikleri Tanıtımı
- Bu derste CSS'de font özellikleri ele alınacak ve göreceğimiz tüm font özellikleri anlatılacak.
- CSS 3'te bazı font özellikleri mevcut ancak sadece bir tarayıcı destekliyor veya hiçbiri desteklemiyor.
- Ders, sürekli kullanılan ve iş için yeterli olan font özellikleri üzerinden anlatılacak.
- 00:45Font Family Özelliği
- Font family, nesnenin yazı tipini belirlemek için kullanılır ve değer olarak yazı tipi isimleri belirlenir.
- Birden fazla yazı tipi tanımlamak için virgül ile yan yana yazılabilir ve sıralama önemlidir.
- Kullanıcıda belirtilen fontlar sırayla kontrol edilir, bulunamazsa standart font gösterilir.
- 02:59Font Size Özelliği
- Font size, yazı boyutunu belirlemek için kullanılır ve standart değerler çok küçük, küçük, orta, büyük, çok büyük, çok çok büyük olarak adlandırılır.
- Pixel, point, em gibi değerler de kullanılabilir ve en çok kullanılanlar pixel, point ve em'dir.
- Font size değeri arttıkça yazı tipi boyutu büyür, azaldıkça küçülür.
- 04:56Font Stili ve Variant Özellikleri
- Font stili, yazı tipini eğik yazdırmak veya normal hale getirmek için kullanılır ve italik, obliq ve normal değerlerini alır.
- Font variant, yazıları büyük harfe çevirir ancak i ve i harflerini büyük i olarak çevirdiği için hoş olmayabilir.
- Sadece small caps değeri kullanılır ve yazıları küçük harfe çevirir.
- 06:30Font Weight Özelliği
- Font weight, yazı tipinin kalınlık ve incelik ayarlarını yapmamızı sağlar.
- Standart değerler normal, bold, lighter ve 100'den 900'e kadar olan değerlerdir.
- 100'den 900'e kadar olan değerler fonta göre değişen bir değerdir ve yazı tipinin kalınlığına göre ayarlanır.
- 08:10Font Özelliği
- Font özelliği, font family, style, variant, weight, size ve line height özelliklerinin tek satırda kullanılan halidir.
- Font özelliğini kullanabilmek için minimum olarak font size ve font family mutlaka belirtilmelidir.
- Line height özelliği, yazıların arasında boşluk belirlememizi sağlar ve satır yüksekliği arttıkça yazılar arasında da o kadar açılır.
- 11:24Font-Face Özelliği
- Font-face özelliği, özel yazı tiplerini belirlemek için kullanılır ve modern tarayıcılar TTF uzantılı font dosyalarını kabul eder.
- Internet Explorer için EOT uzantısı gereklidir ve TTF ve OTF (True Type ve Open Type) uzantıları temel anlamda font-face kullanımı için kullanılır.
- Font-face özelliği, font family ile isim belirlendikten sonra src ile yerelden font dosyasını çağırarak kullanılabilir.
- 12:27Lokal Tanım ve Uzantılar
- Lokal tanım, sitenizi ziyaret eden kullanıcıda yüklediğiniz font varsa, yüklemeden direkt kullanmasını sağlar.
- Wolf, SVG ve OTF uzantıları kullanılabilir, ancak SVG sadece Chrome ve Safari'de, Wolf ise Firefox, Chrome ve Safari için çalışır.
- Font-face özelliği CSS3 ile birlikte tekrar geldi, ancak normalde Internet Explorer 6-10'da desteklenmez.
- 14:15Font-Face Kullanımı
- Font-face özelliği ile özel fontlar Internet Explorer 6'da dahil olmak üzere 7-10'da başarıyla kullanılabilir.
- Font-face özelliği için TTF, OTF, SVG ve Wolf formatları kullanılabilir, ancak tarayıcı sürümlerine göre destek değişebilir.
- Font-face özelliği ile aynı font ismi için farklı kalınlık değerleri (font-weight) belirlenebilir, örneğin 100 değeriyle ince, 900 değeriyle kalın hali kullanılabilir.