Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

updated font-tech in @supports #28597

Merged
merged 7 commits into from
Aug 17, 2023
Merged

updated font-tech in @supports #28597

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
9675fba
updated font-tech in @supports
estelle Aug 16, 2023
91c5f43
Merge branch 'main' into estelle-patch-1
estelle Aug 16, 2023
f7b938c
Apply suggestions from code review
estelle Aug 16, 2023
825986b
font-variant-ligatures (#28598)
estelle Aug 16, 2023
b857273
Apply suggestions from code review
estelle Aug 16, 2023
d6d9c29
Merge branch 'main' into estelle-patch-1
estelle Aug 16, 2023
934f22a
minor edits
dipikabh Aug 17, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 21 additions & 16 deletions files/en-us/web/css/@supports/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,21 +74,26 @@ The following example returns true and applies the CSS style if the browser supp
}
```

The table below describes the available font technologies that can be queried using this function:

| Technology | Supports |
| :------------------ | :-------------------------------------------------------------------------------------------- |
| `color-colrv0` | Multi-colored glyphs via COLR version 0 table |
| `color-colrv1` | Multi-colored glyphs via COLR version 1 table |
| `color-svg` | SVG multi-colored tables |
| `color-sbix` | Standard bitmap graphics tables |
| `color-cbdt` | Color bitmap data tables |
| `features-opentype` | OpenType `GSUB` and `GPOS` tables |
| `features-aat` | TrueType `morx` and `kerx` tables |
| `features-graphite` | Graphite features, namely `Silf`, `Glat` , `Gloc` , `Feat`, and `Sill` tables |
| `incremental` | Incremental font loading |
| `variations` | Font variations in TrueType and OpenType fonts to control the font axis, weight, glyphs, etc. |
| `palettes` | Font palettes by means of `font-palette` to select one of many color palettes in the font |
The table below describes the font technologies (`<font-tech>`), including color font technologies (`<color-font-tech>`), font feature technologies (`<font-features-tech>`), and other available font technologies that can be queried using the `font-tech()` function:

| Technology | Supports |
| :----------------------------- | :-------------------------------------------------------------------------------------------- |
| **`<color-font-tech>`** |
| `color-colrv0` | Multi-colored glyphs via COLR version 0 table |
| `color-colrv1` | Multi-colored glyphs via COLR version 1 table |
| `color-svg` | SVG multi-colored tables |
| `color-sbix` | Standard bitmap graphics tables |
| `color-cbdt` | Color bitmap data tables |
| **`<font-features-tech>`** |
| `features-opentype` | OpenType `GSUB` and `GPOS` tables |
| `features-aat` | TrueType `morx` and `kerx` tables |
| `features-graphite` | Graphite features, namely `Silf`, `Glat` , `Gloc` , `Feat`, and `Sill` tables |
| **Other `<font-tech>` values** |
| `incremental-patch` | Incremental font loading using the patch subset method |
| `incremental-range` | Incremental font loading using the range request method |
| `incremental-auto` | Incremental font loading using method negotiation |
| `variations` | Font variations in TrueType and OpenType fonts to control the font axis, weight, glyphs, etc. |
| `palettes` | Font palettes by means of `font-palette` to select one of many color palettes in the font |

#### `font-format()`

Expand All @@ -100,7 +105,7 @@ The following example returns true and applies the CSS style if the browser supp
}
```

The following table describes the available formats that can be queried with this function:
The following table describes the available formats (`<font-format>` values) that can be queried with this function:

| Format | Description | File extensions |
| :------------------ | :------------------------------ | :-------------- |
Expand Down
9 changes: 5 additions & 4 deletions files/en-us/web/css/font-variant-ligatures/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,28 +42,28 @@ The `font-variant-ligatures` property is specified as one of the keyword values
- : This keyword leads to the activation of the usual ligatures and contextual forms needed for correct rendering. The ligatures and forms activated depend on the font, language and kind of script. This is the default value.
- `none`
- : This keyword specifies that all ligatures and contextual forms are disabled, even common ones.
- _\<common-lig-values>_
- _`<common-lig-values>`_

- : These values control the most common ligatures, like for `fi`, `ffi`, `th` or similar. They correspond to the OpenType values `liga` and `clig`. Two values are possible:

- `common-ligatures` activating these ligatures. Note that the keyword `normal` activates these ligatures.
- `no-common-ligatures` deactivating these ligatures.

- _\<discretionary-lig-values>_
- _`<discretionary-lig-values>`_

- : These values control specific ligatures, specific to the font and defined by the type designer. They correspond to the OpenType values `dlig`. Two values are possible:

- `discretionary-ligatures` activating these ligatures.
- `no-discretionary-ligatures` deactivating the ligatures. Note that the keyword `normal` usually deactivates these ligatures.

- _\<historical-lig-values>_
- _`<historical-lig-values>`_

- : These values control the ligatures used historically, in old books, like the German tz digraph being displayed as ꜩ. They correspond to the OpenType values `hlig`. Two values are possible:

- `historical-ligatures` activating these ligatures.
- `no-historical-ligatures` deactivating the ligatures. Note that the keyword `normal` usually deactivates these ligatures.

- _\<contextual-alt-values>_
- _`<contextual-alt-values>`_

- : These values control whether letters adapt to their context—that is, whether they adapt to the surrounding letters. These values correspond to the OpenType values `calt`. Two values are possible:

Expand Down Expand Up @@ -195,3 +195,4 @@ p {
- [`font-variant-east-asian`](/en-US/docs/Web/CSS/font-variant-east-asian)
- [`font-variant-numeric`](/en-US/docs/Web/CSS/font-variant-numeric)
- [`font-variant-position`](/en-US/docs/Web/CSS/font-variant-position)
- [CSS fonts module](/en-US/docs/Web/CSS/CSS_fonts)