> For the complete documentation index, see [llms.txt](https://appsecurity.gitbook.io/devops/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appsecurity.gitbook.io/devops/ppc/ppc-langs/frontend/css/svoistva/shrifty-i-tipografika.md).

# Шрифты и типографика

Сайт шрифтов: <https://fonts.google.com/>

```css
p {
    font-style: italic;
    font-weight: 100 bold;
    color: red;
    font-family: "Times New Roman", Arial, sans-serif, serif;
    font-size: 18px;
}
```

Типографика — настройка текста

Текст имеет много настроек, в CSS можно разбить их на две группы. За сам шрифт отвечает группа `font`, за поведение текстовых элементов — группа `text`.

Из группы `font` популярны свойства:

```css
font-size /* размер шрифта */ 
font-weight /* «вес» шрифта, толщина (отношение ширины штриха к высоте буквы) */ 
font-family /* семейство шрифта */ 
font-style /* стиль шрифта. например, italic — курсивный шрифт */
```

Ещё для текста можно установить высоту строки свойством `line-height` — это называется интерлиньяж. Свойство `letter-spacing` определяет расстояние между символами в тексте.