W3.CSS шрифты
Создание веб-красиво!
С W3.CSS чрезвычайно легко добавлять новые шрифты в веб-страницы.
- Очень прост в использовании (только CSS и HTML)
- Неограниченное использование внешних библиотек шрифтов (как Google шрифты)
- Работает во всех современных браузерах
Использование класса Font
Создание веб-страниц!
В голове вашей веб-странице (или в таблице стилей), создать класс шрифта:
пример
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
В теле вашей веб-страницы, используйте имя класса:
Использование внешних шрифтов
В голове вашей веб-страницы, включают в себя внешний шрифт и дать шрифт класс:
пример
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>
В теле вашей веб-страницы, используйте имя класса:
Еще примеры
Создание веб-страниц!
Создание веб-страниц!
пример
<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>
Попробуй сам "