W3.CSS Yazı
Web güzel yapma!
W3.CSS sayesinde bir web sayfasına yeni yazı tipleri eklemek son derece kolaydır.
- Kullanımı çok kolay (only CSS and HTML)
- Dış yazı kütüphanelerinin sınırsız kullanım (Like Google Fonts)
- tüm modern tarayıcılarda çalışır
Bir Yazı sınıfı kullanma
Web yapma!
Web sayfasının kafasına (or in your style sheet) , bir yazı sınıf oluşturmak:
Örnek
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
Web sayfasının gövdesinde, sınıf adı kullanın:
Dış yazı tipleri kullanma
Web sayfasının başının olarak, harici bir yazı içerir ve yazı tipini bir sınıf vermek:
Örnek
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>
Web sayfasının gövdesinde, sınıf adı kullanın:
Diğer Örnekler
Web yapma!
Web yapma!
Örnek
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Kendin dene " Web yapma!
Örnek
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Kendin dene " Yazı efektleri Internet Explorer 9 ve öncesinde çalışmaz.
Sayfa Yazı Tipi Değiştirme
Web sayfasının kafasına (or in your style sheet) Eğer w3.css yüklendikten sonra, html ve vücudun stilini değiştirmek:
Örnek
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Kendin dene "