From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/font/index.html | 352 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 352 insertions(+) create mode 100644 files/ru/web/css/font/index.html (limited to 'files/ru/web/css/font') diff --git a/files/ru/web/css/font/index.html b/files/ru/web/css/font/index.html new file mode 100644 index 0000000000..3c6671f2d5 --- /dev/null +++ b/files/ru/web/css/font/index.html @@ -0,0 +1,352 @@ +--- +title: font +slug: Web/CSS/font +translation_of: Web/CSS/font +--- +
{{CSSRef}}
+ +

CSS-свойство font является сокращением для {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ cssxref("font-stretch") }}, {{ Cssxref("font-size") }}, {{ Cssxref("line-height") }}, и {{ Cssxref("font-family") }}. Кроме того, он позволяет установить системный шрифт для элементов интерфейса.

+ +
{{EmbedInteractiveExample("pages/css/font.html")}}
+ + + +

Как и с любым сокращенным свойством, любое значение, которое не указано, устанавливается в начальное значение (возможно, переопределяя значения, ранее установленные с использованием не сокращенных свойств). Свойства {{cssxref ("font-size-Adjust")}} и {{cssxref ("font-kerning")}} хоть и не могут быть напрямую установлены с помощью font, но они также сбрасываются к своим начальным значениям.

+ +

Синтаксис

+ +

The font property may be specified as either a single keyword, which will select a system font, or as a shorthand for various font-related properties.

+ +

If font is specified as a system keyword, it must be one of: caption, icon, menu, message-box, small-caption, status-bar.

+ +

If font is specified as a shorthand for several font-related properties, then:

+ + + +

Значения

+ +
+
<'font-style'>
+
See the {{ Cssxref("font-style") }} CSS property.
+
<'font-variant'>
+
See the {{ Cssxref("font-variant") }} CSS property.
+
<'font-weight'>
+
See the {{ Cssxref("font-weight") }} CSS property.
+
<'font-stretch'>
+
See the {{ Cssxref("font-stretch") }} CSS property.
+
<'font-size'>
+
See the {{ Cssxref("font-size") }} CSS property.
+
<'line-height'>
+
See the {{ cssxref("line-height") }} CSS property.
+
<'font-family'>
+
See the {{ Cssxref("font-family") }} CSS property.
+
+ +

System font values

+ +
+
caption
+
The system font used for captioned controls (e.g., buttons, drop-downs, etc.).
+
icon
+
The system font used to label icons.
+ +
The system font used in menus (e.g., dropdown menus and menu lists).
+
message-box
+
The system font used in dialog boxes.
+
small-caption
+
The system font used for labeling small controls.
+
status-bar
+
The system font used in window status bars.
+
Prefixed system font keywords
+
Browsers often implement several more, prefixed, keywords: Gecko implements -moz-window, -moz-document, -moz-desktop, -moz-info, -moz-dialog, -moz-button, -moz-pull-down-menu, -moz-list, and -moz-field.
+
+ +

Формальный синтаксис

+ +
{{csssyntax}}
+ +

Примеры

+ +
/* Set the font size to 12px and the line height to 14px.
+   Set the font family to sans-serif */
+p { font: 12px/14px sans-serif }
+
+/* Set the font size to 80% of the parent element
+   or default value (if no parent element present).
+   Set the font family to sans-serif */
+p { font: 80% sans-serif }
+
+/* Set the font weight to bold,
+   the font-style to italic,
+   the font size to large,
+   and the font family to serif. */
+p { font: bold italic large serif }
+
+/* Use the same font as the status bar of the window */
+p { font: status-bar }
+
+ +

Live sample

+ + + +

{{ EmbedLiveSample('live_sample','100%', '440px') }}

+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияStatusComment
{{ SpecName('CSS3 Fonts', '#font-prop', 'font') }}{{ Spec2('CSS3 Fonts') }}Added support for font-stretch values.
{{ SpecName('CSS2.1', 'fonts.html#font-shorthand', 'font-weight') }}{{ Spec2('CSS2.1') }}Added support for keywords.
{{ SpecName('CSS1', '#font', 'font') }}{{ Spec2('CSS1') }}Initial definition.
+ +

{{cssinfo}}

+ +

Поддержка браузерами

+ + + +

{{Compat("css.properties.font")}}

-- cgit v1.2.3-54-g00ecf