Сокращенная запись свойств шрифта (#22705)
* Сокращенная запись свойств шрифта * added markdown
This commit is contained in:
@ -1,8 +1,8 @@
|
|||||||
---
|
---
|
||||||
title: Fonts
|
title: Fonts
|
||||||
localeTitle: шрифты
|
localeTitle: Шрифты
|
||||||
---
|
---
|
||||||
## шрифты
|
## Шрифты
|
||||||
|
|
||||||
Свойства шрифта CSS определяют семейство шрифтов, вес, размер, вариант, высоту строки и стиль текста.
|
Свойства шрифта CSS определяют семейство шрифтов, вес, размер, вариант, высоту строки и стиль текста.
|
||||||
|
|
||||||
@ -83,12 +83,17 @@ p {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
Для отптимизации CSS используют вариант сокращенной записи
|
||||||
|
|
||||||
|
```css
|
||||||
|
font: italic small-caps lighter 14px Georgia, serif;
|
||||||
|
```
|
||||||
|
|
||||||
### Отзывчивость шрифта
|
### Отзывчивость шрифта
|
||||||
|
|
||||||
Размер текста можно установить с помощью блока vw (ширина видового экрана). Таким образом, размер текста будет соответствовать размеру окна браузера.
|
Размер текста можно установить с помощью блока vw (ширина видового экрана). Таким образом, размер текста будет соответствовать размеру окна браузера.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
|
||||||
<h1 style="font-size:10vw">Hello World</h1>
|
<h1 style="font-size:10vw">Hello World</h1>
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -108,4 +113,4 @@ p.small {
|
|||||||
|
|
||||||
* [Школы W3 - Шрифт CSS](https://www.w3schools.com/css/css_font.asp)
|
* [Школы W3 - Шрифт CSS](https://www.w3schools.com/css/css_font.asp)
|
||||||
* [MND - CSS-шрифт](https://developer.mozilla.org/en-US/docs/Web/CSS/font)
|
* [MND - CSS-шрифт](https://developer.mozilla.org/en-US/docs/Web/CSS/font)
|
||||||
* [CSSFontStack](https://www.cssfontstack.com/)
|
* [CSSFontStack](https://www.cssfontstack.com/)
|
||||||
|
Reference in New Issue
Block a user