---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: css/atrule/font-face.css
---

# Input

```css
@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face{
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face  {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face
{
font-family
:
"Open Sans"
;
src
:
url(
"/fonts/OpenSans-Regular-webfont.woff2"
)
format(
"woff2"
)
,
url(
"/fonts/OpenSans-Regular-webfont.woff"
)
format(
"woff"
)
;
}
@font-face

{

font-family

:

"Open Sans"

;

src

:

url(

"/fonts/OpenSans-Regular-webfont.woff2"

)

format(

"woff2"

)

,

url(

"/fonts/OpenSans-Regular-webfont.woff"

)

format(


"woff"

)

;

}

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,37 +1,31 @@
 @font-face {
   font-family: "Open Sans";
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
 @font-face {
   font-family: "Open Sans";
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
 @font-face {
   font-family: "Open Sans";
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
 @font-face {
   font-family: "Open Sans";
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
 @font-face {
   font-family: "Open Sans";
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
 @font-face {
   font-family: "Open Sans";
 
-  src:
-    url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
 }
```

# Output

```css
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";

  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2") ,
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
```