CSS3 Fonts Module support in Opera Presto 2.10
- 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.
- Font specification (
@font-face CSS at-rules) with the font-family descriptor
src descriptor with local and remote- OpenType (OTF)
- TrueType (TTF)
- SVG fonts
- Web Open Font Format (WOFF)
- See this Opera reference
and demonstration.
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.
|
Yes
|
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
|