CSS(src): Fix invalid example @font-face def

[ferdnyc]

Description

Remove a format(); argument which was accidentally doubled while applying suggested changes during review of #20691. The CSS example as currently shown in the documentation is invalid, having format("opentype"); on its own in a @font-face definition (not as an argument to src:).

Motivation

Ensure that example CSS in the repo is valid and works as intended.

Additional details

This suggested change overlooked that format("opentype"); was present on a separate line immediately below the suggestion, and accidentally duplicated it when applied.

Related issues and pull requests

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/@font-face/src

(comment last updated: 2024-07-06 02:37:56)

[Josh-Cena]

Thanks!

[ferdnyc]

@Josh-Cena Oh, cool, I see you figured out the same thing I eventually did — that putting the inline trailing CSS comments before the comma keeps Prettier from making a complete mess of them. 👍

(I ended up on quite the journey of discovery into Prettier's handling of comment placement, yesterday.)

[Josh-Cena]

Yeah, it's always a fight😅

[chrisdavidmills]

FYI you can also put -nolint at the start of the code fence to make prettier leave it alone, for example:

```css-nolint
CSS code here
```

[Josh-Cena]

Yeah but here it's an example and there's no reason to not format it, other than needing time to figure out how to make it look good.

[chrisdavidmills]

Yeah but here it's an example and there's no reason to not format it, other than needing time to figure out how to make it look good.

Agreed. The above is mainly useful when you end up in one of those situations where prettier has formatted most things correctly, but then does something weird to a couple of lines and you want it to chill out ;-)