41 lines
2.7 KiB
Markdown
41 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
title: Web Safe Fonts
|
|||
|
|
localeTitle: Веб-безопасные шрифты
|
|||
|
|
---
|
|||
|
|
## Веб-безопасные шрифты
|
|||
|
|
|
|||
|
|
Веб-безопасные шрифты - это шрифты, которые входят в большинство операционных систем, поэтому такая высокая доступность заключается в том, что дизайнер может ожидать, что типография, включающая веб-безопасные шрифты, будет отображаться точно так же, как и большинство пользователей. Ниже приведены неисчерпывающие списки некоторых шрифтов, которые считаются веб-безопасными на момент написания, классифицированные семейством шрифтов CSS.
|
|||
|
|
|
|||
|
|
Веб-безопасные шрифты с засечками:
|
|||
|
|
|
|||
|
|
* Грузия
|
|||
|
|
* Times New Roman
|
|||
|
|
|
|||
|
|
Веб-безопасные шрифты без засечек:
|
|||
|
|
|
|||
|
|
* Arial
|
|||
|
|
* Tahoma
|
|||
|
|
* Trebuchet MS
|
|||
|
|
* Verdana
|
|||
|
|
|
|||
|
|
Веб-безопасные моноширинные шрифты:
|
|||
|
|
|
|||
|
|
* Новый Курьер
|
|||
|
|
|
|||
|
|
Стоит отметить, что стеки шрифтов с резервными опциями, включая родовое семейство шрифтов, все равно должны использоваться, даже если ваш дизайн использует только веб-безопасные шрифты. Например:
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
p {
|
|||
|
|
font-family: Tahoma, Arial, sans-serif;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Примечание о веб-шрифтах
|
|||
|
|
|
|||
|
|
Просто потому, что некоторые шрифты более безопасны, чем другие, не означает, что вы должны ограничивать свои проекты использованием только веб-безопасных шрифтов. Современные проекты с CSS также могут использовать веб-шрифты для обеспечения согласованной типографии в разных операционных системах.
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
* [Документация MDN: основной стиль текста и шрифта](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals#Web_safe_fonts)
|
|||
|
|
* [Документация MDN: веб-шрифты](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts)
|
|||
|
|
* [Веб-безопасные шрифты](https://www.cssfontstack.com)
|