Повний контроль над текстом через CSS.
1/* Шрифтовий стек — перший доступний шрифт використовується */
2body { font-family: 'Roboto', Arial, sans-serif; }
3
4/* Підключення Google Fonts у HTML <head> */
5<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
6
7/* Розмір і насиченість */
8h1 { font-size: 2.5rem; font-weight: 700; }
9p { font-size: 1rem; line-height: 1.7; }
10
11/* Текстові ефекти */
12.title {
13 text-transform: uppercase;
14 letter-spacing: 0.1em;
15 text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
16}
17
18/* Обрізання тексту (ellipsis) */
19.truncate {
20 white-space: nowrap;
21 overflow: hidden;
22 text-overflow: ellipsis;
23}