Observable-Community

Skärmavbild 2023-05-31 kl. 21.54.57.png

Skärmavbild 2023-05-31 kl. 21.55.16.png

they have a default stylesheet for text, yes

```plotSVG = Plot.plot({
  style: "font-family: 'comic sans ms';font-size: 14px;",
  height: 400,
  width: 400
})```

Looking at the generated SVG of from Plot there is an embedded style element
```&lt;style&gt;.plot-d6a7b5 {
  display: block;
  background: white;
  height: auto;
  height: intrinsic;
  max-width: 100%;
}
.plot-d6a7b5 text,
.plot-d6a7b5 tspan {
  white-space: pre;
}&lt;/style&gt;```
Is there a way of overriding this? Especially for text and tspan.

```fixSvg = Plot.plot({
  height: 400,
  width: 400,
  margin: 0,
  marks: [
    () =&gt; svg`&lt;style&gt;.annotations text {font-size: 13px}`
    ]
})```

Ha, found another text style on the plot SVG-element, an attribute  `text-anchor` style. Overriding it in the Observable Plot style field w. `text-anchor: initial;` fixed it, the vanilla and plot SVGs look identical now! :partying_face: