descent-override
Quick Summary for descent-override (@font-face)
The
descent-override CSS descriptor defines the descent metric for the font. The descent metric is the height below the baseline that CSS uses to lay out line boxes in an inline formatting context.
Code Usage for descent-override (@font-face)
descent-override: normal; descent-override: 90%;
More Details for descent-override (@font-face)
descent-override
The descent-override CSS descriptor defines the descent metric for the font. The descent metric is the height below the baseline that CSS uses to lay out line boxes in an inline formatting context.
Syntax
descent-override: normal; descent-override: 90%; Values
normal The default value. When used the metric value is obtained from the font file.
<percentage> A <percentage> value.
Formal definition
| Related at-rule | @font-face |
|---|---|
| Initial value | normal |
| Percentages | as specified |
| Computed value | as specified |
Formal syntax
normal | <percentage>
Examples
Overriding metrics of a fallback font
The descent-override property can help when overriding the metrics of a fallback font to better match those of a primary web font.
@font-face { font-family: web-font; src: url("https://example.com/font.woff"); } @font-face { font-family: local-font; src: local(Local Font); descent-override: 125%; } Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 # font-metrics-override-desc |
See also
ascent-override font-display font-family font-weight font-style font-stretch font-variant font-feature-settings font-variation-settings line-gap-override src size-adjust unicode-range descriptor Last modified: Aug 12, 2021, by MDN contributors
Select your preferred language English (US)Français Change language Posted in
12:22 am, February 22, 2022
Add Comment
Other Items in CSS
rgb()
rgba()
:right
right
@right-bottom
:root
rotate
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()
row-gap
ruby-align
ruby-position
saturate()
scale
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
:scope
scroll-behavior
scroll-margin
scroll-margin-block
scroll-margin-block-end
scroll-margin-block-start
scroll-margin-bottom
scroll-margin-inline
scroll-margin-inline-end
scroll-margin-inline-start
scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-padding
scroll-padding-block
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-bottom
scroll-padding-inline
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-left
scroll-padding-right
scroll-padding-top
scroll-snap-align
scroll-snap-stop
scroll-snap-type
@scroll-timeline
