En son web geliştirme öğreticiler
 

W3.CSS Yazı


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:

Örnek

<body>
  <p class="w3-myfont">Making the Web!</p>
</body>
Kendin dene "

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:

Örnek

<body>
  <p class="w3-tangerine">Making the Web!</p>
</body>
Kendin dene "

Diğer Örnekler

Web yapma!

Örnek

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Kendin dene "
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 "