Unknown font family when using gt in quarto typst

[rwaaijman]

Description

when rendering a gt table with typst, I get an error that the font family is unknown. Im not sure if this is a quarto issue or a gt issue.

I get the next error:

==> quarto preview tabel_typst.qmd --to typst --no-watch-inputs --no-browse



processing file: tabel_typst.qmd
                                                                                                            
output file: tabel_typst.knit.md

pandoc 
  to: typst
  output-file: tabel_typst.typ
  standalone: true
  shift-heading-level-by: -1
  default-image-extension: svg
  wrap: none
  citeproc: false
  variables: {}
  
metadata
  engines:
    - path: C:\Users\roelof\AppData\Local\Programs\Quarto\share\extension-subtrees\julia-engine\_extensions\julia-engine\julia-engine.js
  title: tabel_typst
  
[typst]: Compiling tabel_typst.typ to tabel_typst.pdf...warning: unknown font family: system-ui
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

warning: unknown font family: roboto
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

warning: unknown font family: helvetica
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

warning: unknown font family: sans-serif
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

warning: unknown font family: apple color emoji
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

warning: unknown font family: noto color emoji
    ┌─ \\?\C:\Users\roelof\Documents\GitHub\tabel_typst\tabel_typst.typ:425:17
    │
425 │ #{set text(font: ("system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") , size: 12pt); table(
    │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

DONE

Output created: tabel_typst.pdf

Watching files for changes
Browse at http://localhost:7824/web/viewer.html
Listening on http://127.0.0.1:7824/

In this example I used the following .qmd

tabel_typst.qmd

---
title: "tabel_typst"
format: 
  typst: default
---

## GT Table

```{r}
library(gt)

cars |> 
  head() |> 
  gt()
```

This all with R 4.6.0, and quarto 1.9.36.

sysname        release        version       
"Windows"       "10 x64"  "build 19045"   
 ```

[mcanouil]

This is because gt embeds a CSS rule with those fonts which are not recognised when Quarto translates it to Typst.
This is a benign Typst warning that is at least partially fixed in 1.10

• Filter unavailable fonts from Typst CSS font-family lists #14580

Note that searching through issues and discussion for the warning message would have given you with the answer above:

• typst css: don't wear out the "unknown font family" warning #12556