Ultimele tutoriale de dezvoltare web
 

W3.CSS Fonturi


W3.CSS Fonturi

Efectuarea web frumos!

Cu W3.CSS este extrem de ușor de a adăuga fonturi noi la o pagină web.

  • Foarte ușor de utilizat (only CSS and HTML)
  • Utilizarea nelimitată de biblioteci de fonturi externe (Like Google Fonts)
  • Funcționează în toate browserele moderne

Utilizarea unui Clasa Font

Efectuarea Web!

În capul paginii web (or in your style sheet) , creați o clasă de fonturi:

Exemplu

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

În corpul paginii web, utilizați numele clasei:

Exemplu

<body>
  <p class="w3-myfont">Making the Web!</p>
</body>
Încearcă - l singur »

Utilizarea Fonturi externe

În capul paginii web, include un font extern, și să dea fontul o clasă:

Exemplu

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

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

În corpul paginii web, utilizați numele clasei:

Exemplu

<body>
  <p class="w3-tangerine">Making the Web!</p>
</body>
Încearcă - l singur »

Mai multe exemple

Efectuarea Web!

Exemplu

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Încearcă - l singur »
Efectuarea Web!

Exemplu

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Încearcă - l singur »
Efectuarea Web!

Exemplu

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Încearcă - l singur »

Efecte de fonturi nu funcționează în Internet Explorer 9 și versiunile anterioare.


Schimbarea Font Pagina

În capul paginii web (or in your style sheet) , după ce ați încărcat w3.css, schimba stilul de html și a corpului:

Exemplu

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Încearcă - l singur »