![Rachel Andrew](https://web.dev/images/authors/rachelandrew.jpg) Rachel Andrew Technical Writer [GitHub](https://github.com/rachelandrew) [LinkedIn](https://www.linkedin.com/in/rachelandrew) [Mastodon](https://front-end.social/@rachelandrew) [Bluesky](https://bsky.app/profile/rachelandrew.bsky.social) [Homepage](https://rachelandrew.co.uk)

<br />


Published: September 2, 2025

<br />

Chrome 140 is rolling out now, and this post shares some of the key features
from the release. Read the full [Chrome 140 release notes](https://developer.chrome.com/release-notes/140.md.txt).

Highlights from this release:

- Understand [which element triggered a `ToggleEvent`](https://developer.chrome.com/blog/new-in-chrome-140.md.txt#toggleevent).
- Use [`counter()` and `counters()`](https://developer.chrome.com/blog/new-in-chrome-140.md.txt#counters) in the alt text of the `content` property.
- Find [support for the `font-variation-settings` descriptor](https://developer.chrome.com/blog/new-in-chrome-140.md.txt#font-variation-settings) in the `@font-face` rule.

## Know which element triggered a `ToggleEvent`

The [`source`](https://developer.mozilla.org/docs/Web/API/ToggleEvent/source#browser_compatibility)
attribute of a `ToggleEvent` contains the element that triggered
the `ToggleEvent` to be fired, if applicable.

For example, if a user clicks a
`<button>` element with the `popovertarget` or `commandfor` attribute set to
open a popover, the `ToggleEvent` fired on the popover will have its source
attribute set to the invoking `<button>`.

[See the MDN documentation for `source` for examples](https://developer.mozilla.org/docs/Web/API/ToggleEvent/source#examples).

## Use `counter()` and `counters()` in the alt text of the `content` property

This feature adds the ability to use `counter()` and `counters()` in the alt
text of the `content` property. This provides more meaningful information to
improve accessibility.

## The `font-variation-settings` descriptor is now supported in the `@font-face` rule

CSS lets you adjust a font's weight, width, slant, and other axes
using the `font-variation-settings` property on individual elements.
The [`font-variation-settings`](https://developer.mozilla.org/docs/Web/CSS/@font-face/font-variation-settings) CSS descriptor in `@font-face` lets you do the same in the `@font-face` at-rule. The values for this descriptor are the same as the `font-variation-settings` property, except for the global keyword values.

```css
@font-face {
  font-family: "OpenTypeFont";
  src: url("open_type_font.woff2") format("woff2");
  font-variation-settings:
    "wght" 400,
    "wdth" 300;
}
```

## Further reading

This covers only some key highlights. Check the following links for additional
changes in Chrome 140.

- [Release notes for Chrome 140](https://developer.chrome.com/release-notes/140.md.txt).
- [What's new in Chrome DevTools (140)](https://developer.chrome.com/blog/new-in-devtools-140.md.txt).
- [ChromeStatus.com updates for Chrome
  140](https://chromestatus.com/features#milestone%3D140).
- [Chrome release calendar](https://chromiumdash.appspot.com/schedule).

## Subscribe

To stay up to date, [subscribe](https://goo.gl/6FP1a5) to the [Chrome Developers
YouTube channel](https://www.youtube.com/user/ChromeDevelopers/), and you'll get
an email notification whenever we launch a new video. Or follow us on X or
LinkedIn for new articles and blog posts.

As soon as Chrome 141 is released, we'll be right here to tell you what's new in
Chrome!