Skip to content

Commit

Permalink
updated font-tech in @supports (mdn#28597)
Browse files Browse the repository at this point in the history
* updated font-tech in @supports

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* font-variant-ligatures (mdn#28598)

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* minor edits

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <[email protected]>
  • Loading branch information
3 people authored Aug 17, 2023
1 parent 51af371 commit 557f7fc
Show file tree
Hide file tree
Showing 2 changed files with 26 additions and 20 deletions.
37 changes: 21 additions & 16 deletions files/en-us/web/css/@supports/index.md
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
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)

0 comments on commit 557f7fc

Please sign in to comment.