НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
W3CSS. W3Schools українською. Уроки для початківців

En

W3.CSS Шрифти

Verdana це типовий шрифт, який використовується в W3.CSS. Verdana має хороший інтервал між літерами, її легко читати. Verdana також є шрифтом за умовчанням для W3Schools.

Segoe UI є шрифтом за замовчуванням для заголовків. Segoe UI має більш вузький інтервал між літерами. Це дозволяє додати більше літер у заголовки.

Використання іншого шрифту за замовчуванням

Використовувати інший шрифт за замовчуванням у W3.CSS дуже просто:

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
Спробуйте самі »

Використання класів шрифтів

За допомогою W3.CSS ви можете використовувати 4 різні вбудовані класи шрифтів:

  • w3-serif
  • w3-sans-serif
  • w3-monospace
  • w3-cursive

Це w3-serif

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<p class="w3-serif">
Спробуйте самі »

Це w3-sans-serif

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<p class="w3-sans-serif">
Спробуйте самі »

Це w3-monospace

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<div class="w3-monospace">
Спробуйте самі »

Це w3-cursive

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<div class="w3-cursive">
Спробуйте самі »

Веб-безпечні шрифти без зарубок (sans-serif)

Font FamilySafe Fallback
ArialHelvetica, sans-serif
HelveticaArial, sans-serif
VerdanaGeneva, sans-serif
GenevaVerdana, sans-serif
TahomaArial, sans-serif
Trebuchet MSArial, sans-serif

Arial вважається найбезпечнішим шрифтом без засічок в Інтернеті. Його встановлено на всіх машинах Windows (99,8%) і на всіх машинах Mac (98,7%).

Helvetica є кращим запасним варіантом, оскільки два шрифти майже ідентичні. Helvetica працює на всіх машинах Mac (100%), але на меншій кількості машин Windows (7,3%).

Використання Arial із резервним варіантом Helvetica або Helvetiva з резервним варіантом Arial охоплює обидва світи.

Verdana також вважається безпечним для Інтернету шрифтом без зарубок. Він працює на всіх машинах Windows (99,8%) і на всіх машинах Mac (99,1%).

Geneva є резервним варіантом для Verdana, тому що два шрифти досить схожі, і Geneva працює на всіх комп’ютерах Mac (99,6%).

Tahoma був стандартним шрифтом у Windows 95. Він працює на 99,9% усіх комп’ютерів Windows та 91,7% усіх комп’ютерів Mac.

Trebuchet MS випущено з усіма операційними системами Windows (99,7%), починаючи з Microsoft Windows 2000. Він також включений у комп’ютери Mac (97,1%), iOS та Chrome OS.

Джерело: CSS Font Stack


Це Arial

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>
Спробуйте самі »

Шрифт Arial займає #1 у рейтингу використання в Інтернеті.


Це Helvetica

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>
Спробуйте самі »

Шрифт Helvetica займає #2 у рейтингу використання в Інтернеті.


Це Verdana

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}
Спробуйте самі »

Шрифт Verdana займає #3 у рейтингу використання в Інтернеті.


Це Geneva

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}
Спробуйте самі »

Це Tahoma

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}
Спробуйте самі »

Це Trebuchet MS

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}
Спробуйте самі »

Це Segoe UI

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}
Спробуйте самі »

Segoe UI є шрифтом за замовчуванням у Windows 10. Він також є шрифтом заголовка за замовчуванням у W3Schools і W3.CSS.


Веб-безпечні шрифти із зарубками (serif)

Font FamilySafe Fallback
Times New RomanTimes, serif
Georgiaserif

Times New Romanвважається найбільш безпечним шрифтом із зарубками в Інтернеті. Він працює на всіх машинах Windows (99,7%) і на всіх машинах Mac (97,4%).

Деякі старіші операційні системи можуть мати альтернативну версію під назвою Times, тому доцільно використовувати Times як резервну версію, а також serif.

Georgia також вважається дуже безпечним шрифтом. Він трохи більший, ніж Times New Roman, але добре працює на більшості комп’ютерів Windows (99,4%) і Mac (97,5%).

Щоб бути в безпеці, використовуйте serif як запасний варіант.


Це Times New Roman

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}
Спробуйте самі »

Це Georgia

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}
Спробуйте самі »

Моноширинні шрифти

У моноширинному шрифті всі літери мають однакову ширину.

Моноширинні шрифти часто використовуються для відображення комп’ютерного коду.

Font FamilySafe Fallback
Courier Newmonospace
Lucida ConsoleMonaco, monospace
MonacoLucida Console, monospace

Courier New вважається найбільш безпечним моноширинним шрифтом для Інтернету. Його встановлюють на більшості комп’ютерів Windows і Mac.

Lucida Console не працює на Mac. Monaco не працює в Windows.

Одне рішення полягає в тому, щоб використовувати Monaco як запасний варіант для Lucida Console.

Немає 100% безпечних вебшрифтів, але ви завжди можете використовувати w3-monospace.


Це w3-monospace

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<div class="w3-monospace">
Спробуйте самі »


Це Courier New

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}
Спробуйте самі »

Це Lucida або Monaco

Загальна площа Польщі становить 312 685 квадратних кілометрів, а населення – 38 265 000 (грудень 2020 р.). Польща межує з Німеччиною на заході, з Чехією та Словаччиною на півдні, з Білоруссю та Литвою на сході, а також з тимчасово окупованою московитами Крулевецькою областю (раніше Кеніґсберґська) на північному сході. На півночі Польща омивається водами Балтійського моря.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}
Спробуйте самі »

Рукописні шрифти

В Інтернеті немає безпечних рукописних шрифтів, але ви можете безпечно використовувати w3-cursive.

Це w3-cursive

Загальна площа Норвегії становить 385 252 квадратних кілометрів, а населення – 5 438 657 (грудень 2020 р.). Норвегія межує зі Швецією, Фінляндією та мокшанськими територіями на північному сході та Скагерраком на півдні, з Данією з іншого боку.

Загальна площа України становить 603 700 квадратні кілометри, а населення – 41 167 335 (без урахування тимчасово окупованих московитами територій Криму та Донбасу, станом на січень 2022 р.). Україна межує з Молдовою, Румунією на південному заході, з Угорщиною, Словаччиною, Польщею на заході, з Білоруссю на півночі та мокшанськими територіями на північному сході та сході. З півдня Україна омивається Чорним та Азовським морями.

Приклад

<div class="w3-cursive">
Спробуйте самі »