Najnowsze tutoriale tworzenie stron internetowych
 

W3.CSS Czcionki


W3.CSS Czcionki

Dokonywanie wstęga piękne!

Z W3.CSS jest bardzo łatwo dodać nowe czcionki do strony internetowej.

  • Bardzo prosty w obsłudze (tylko CSS i HTML)
  • Nieograniczone korzystanie z zewnętrznych bibliotek fontów (takich jak Google Fonts)
  • Działa we wszystkich nowoczesnych przeglądarkach

Korzystanie z klasy Font

Dokonywanie sieci!

W głowie swojej stronie internetowej (lub w arkuszu stylów), należy utworzyć klasę czcionki:

Przykład

.w3-myfont {
  font-family: "Comic Sans MS", cursive, sans-serif;
}

W ciele swojej stronie internetowej, należy użyć nazwy klasy:

Przykład

<body>
  <p class="w3-myfont">Making the Web!</p>
</body>
Spróbuj sam "

Używanie czcionek zewnętrzne

W głowie swojej stronie internetowej, jak czcionki zewnętrzne i dać czcionka klasę:

Przykład

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">

<style>
.w3-tangerine {
  font-family: 'Tangerine', serif;
}
</style>

W ciele swojej stronie internetowej, należy użyć nazwy klasy:

Przykład

<body>
  <p class="w3-tangerine">Making the Web!</p>
</body>
Spróbuj sam "

Więcej przykładów

Dokonywanie sieci!

Przykład

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Spróbuj sam "
Dokonywanie sieci!

Przykład

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Spróbuj sam "
Dokonywanie sieci!

Przykład

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Spróbuj sam "
Uwaga Efekty czcionki nie działa w programie Internet Explorer 9 i wcześniej.

Zmiana strony Czcionka

W głowie swojej stronie internetowej (lub w arkuszu stylów), po załadowaniu w3.css, zmienić styl html i ciało:

Przykład

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Spróbuj sam "