Последние учебники веб-разработки
 

W3.CSS шрифты


W3.CSS шрифты

Создание веб-красиво!

С W3.CSS чрезвычайно легко добавлять новые шрифты в веб-страницы.

  • Очень прост в использовании (только CSS и HTML)
  • Неограниченное использование внешних библиотек шрифтов (как Google шрифты)
  • Работает во всех современных браузерах

Использование класса Font

Создание веб-страниц!

В голове вашей веб-странице (или в таблице стилей), создать класс шрифта:

пример

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

В теле вашей веб-страницы, используйте имя класса:

пример

<body>
  <p class="w3-myfont">Making the Web!</p>
</body>
Попробуй сам "

Использование внешних шрифтов

В голове вашей веб-страницы, включают в себя внешний шрифт и дать шрифт класс:

пример

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

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

В теле вашей веб-страницы, используйте имя класса:

пример

<body>
  <p class="w3-tangerine">Making the Web!</p>
</body>
Попробуй сам "

Еще примеры

Создание веб-страниц!

пример

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Попробуй сам "
Создание веб-страниц!

пример

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Попробуй сам "
Создание веб-страниц!

пример

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Попробуй сам "
Заметка Начертания шрифта не работает в Internet Explorer 9 и более ранних версий.

Изменение шрифта для страниц

В голове вашей веб-странице (или в таблице стилей), после того, как вы загрузили w3.css, изменить стиль HTML и тела:

пример

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Попробуй сам "