CSS3 Fonts Module support in Opera Presto 2.8

W3C reference
W3C CSS3 Fonts Module
Opera article
Seven Web Fonts showcases

Opera Presto offers partial support for the CSS3 Fonts Module. Please see the following data table. Opera Presto also provides support for the following Web Font formats.

Please note that each property is hyperlinked to its place in the W3C CSS3 Fonts module.

Font properties

Name Values Description Support
font [ [ <"font-style"> || <"font-variant"> || <"font-weight"> ]? <"font-size"> [ / <"line-height"> ]? <"font-family"> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit This property is the shorthand format for setting font properties at the same place in the style sheet. Yes
font-size <absolute-size> | <relative-size> | <length> | <percentage> | inherit This property indicates the desired height of glyphs from the font.
  • For scalable fonts, the font-size is a scale factor applied to the em unit of the font. (Note that certain glyphs may bleed outside their em box.)
  • For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values.
font-size-adjust <number> | none | inherit This property is a way to preserve the readability of text when font fallback occurs. It does this by adjusting the font-size so that the x-height is the same regardless of the font used. No
font-variant normal | small-caps | inherit In a small-caps font, the glyphs for lowercase letters look similar to the uppercase ones, but in a smaller size and with slightly different proportions. The "font-variant" property requests such a font for bicameral (having two cases, as with Latin script). Yes

Font property descriptors

Name Values Description Support
font-family <family-name> This property descriptor defines the font family name that will be used in all CSS font family name matching, overriding font family names contained in the underlying font data. Yes
font-stretch normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded This property descriptor is used to expand or contract (condense) the horizontal width of the font. The change is relative to the normal width of the font as displayed by the browser. No
font-style normal | italic | oblique This property descriptor defines if your font will be italic, oblique, or not (the default is normal). Yes
font-weight normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 This property descriptor allows control of the weight (thickness) of a font. Yes

Font character range descriptors

Name Values Description Support
unicode-range <urange> [, <urange>]* This character range descriptor defines the range of Unicode characters supported by a given font. The values of <urange> are expressed using hexadecimal numbers prefixed by "U+", corresponding to Unicode character code points. The unicode-range descriptor serves as a hint for user agents when deciding whether or not to download a font resource. No

Font reference descriptor

Name Values Description Support
src [ <uri> [format(<string> [, <string>]*)] | <font-face-name> ] [, <uri> [format(<string> [, <string>]*)] | <font-face-name> ]* This font reference descriptor specifies the resource containing font data. It is required, whether the font is downloadable or locally installed. Yes

Font @rules

Name Values Description Support
@font-face <font-description> The CSS @font-face rule is used to hold a set of font descriptions, and allows linking to fonts that are automatically activated when needed. Yes


Opera Help

Need help? Hit F1 anytime while using Opera to access our online help files, or go here.