diff --git a/client/src/pages/guide/english/css/properties/font-property/index.md b/client/src/pages/guide/english/css/properties/font-property/index.md index 8f37aa84c3..09200e63a8 100644 --- a/client/src/pages/guide/english/css/properties/font-property/index.md +++ b/client/src/pages/guide/english/css/properties/font-property/index.md @@ -3,13 +3,34 @@ title: Font Property --- ## Font Property -This is a stub. Help our community expand it. +The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height, and font-family; or a way to set the element's font to a system font, using specific keywords. -This quick style guide will help ensure your pull request gets accepted. - +### Examples + +```css +/* 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 } +``` #### More Information: - + +- [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font) +