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