monofont declaration has no effect in html document

[mickmcq]

Description

No matter what font I use in the monofont declaration, the font in the rendered html document is always Menlo. The only way I can affect this is to change the font-family in a theme.scss file.

This behavior did not used to exist. I'm not sure when it changed.

I've tried to subtract everything but the monofont declaration from my yaml header, but it does not help. The mainfont declaration works fine when I include it.

I've made sure that the font I want to use is installed on my system. I've tried both at the command line and in RStudio. I'm using quarto 1.7.31. I've tried using the same font that works in the mainfont declaration as the monofont. I've tried with and without a .scss file and with and without a .css file. I've tried viewing the file in Chrome, Safari, and Firefox.

I'm at my wits end. Any ideas?

By the way, here is a minimal example.

---
format: html
monofont: Fira Code
---

```{r}
# This chunk is just to make it possible to shrink the typeface in succeeding chunks. Mainly this will be used for the crosstabs.
def.chunk.hook  <- knitr::knit_hooks$get("chunk")
knitr::knit_hooks$set(chunk = function(x, options) {
  x <- def.chunk.hook(x, options)
  ifelse(options$size != "normalsize", paste0("\\", options$size,"\n\n", x, "\n\n \\normalsize"), x)
})
```

[mcanouil]

Could you properly format your post using code blocks for code and terminal outputs? Thanks.
If your code contains code blocks, you need to enclose it using more backticks, i.e., usually four ````.
See https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us.

Also please ensure your example is self-contained and includes the format(s).

[mickmcq]

Sorry about that. Is it better now?

[mickmcq]

Here is the output of quarto check.

quarto 1.7.31

[✓] Checking environment information...
      Quarto cache location: /Users/mm223266/Library/Caches/quarto

[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.6.3: OK
      Dart Sass version 1.85.1: OK
      Deno version 1.46.3: OK
      Typst version 0.13.0: OK

[✓] Checking versions of quarto dependencies......OK

[✓] Checking Quarto installation......OK
      Version: 1.7.31
      Path: /Applications/quarto/bin


(|) Checking tools....................
(/) Checking tools....................
(-) Checking tools....................
(\) Checking tools....................�[2K�[G
[✓] Checking tools....................OK
      TinyTeX: (not installed)
      Chromium: (not installed)


(|) Checking LaTeX....................
(/) Checking LaTeX....................
(-) Checking LaTeX....................
(\) Checking LaTeX....................
(|) Checking LaTeX....................
(/) Checking LaTeX....................
(-) Checking LaTeX....................
(\) Checking LaTeX....................
(|) Checking LaTeX....................
(/) Checking LaTeX....................�[2K�[G
[✓] Checking LaTeX....................OK
      Using: Installation From Path
      Path: /usr/local/texlive/2025/bin/universal-darwin
      Version: 2025

�[2K�[G
[✓] Checking Chrome Headless....................OK
      Using: Chrome found on system
      Path: /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
      Source: MacOS known location


(|) Checking basic markdown render....
(/) Checking basic markdown render....
(-) Checking basic markdown render....
(\) Checking basic markdown render....
(|) Checking basic markdown render....
(/) Checking basic markdown render....
(-) Checking basic markdown render....
(\) Checking basic markdown render....�[2K�[G
[✓] Checking basic markdown render....OK


(|) Checking Python 3 installation....�[2K�[G
[✓] Checking Python 3 installation....OK
      Version: 3.12.6
      Path: /Users/mm223266/.pyenv/versions/3.12.6/bin/python3
      Jupyter: 5.8.1
      Kernels: python3


(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....
(|) Checking Jupyter engine render....
(/) Checking Jupyter engine render....
(-) Checking Jupyter engine render....
(\) Checking Jupyter engine render....�[2K�[G
[✓] Checking Jupyter engine render....OK

Loading required package: colorout

(|) Checking R installation...........Loading required package: credentials
Found git version 2.39.5 (Apple Git-154)

(/) Checking R installation...........Supported HTTPS credential helpers: cache, store
Found OpenSSH_9.9p2, OpenSSL 3.5.0 8 Apr 2025
Default SSH key: /Users/mm223266/.ssh/id_ed25519

(-) Checking R installation...........
(\) Checking R installation...........
(|) Checking R installation...........�[2K�[G
[✓] Checking R installation...........OK
      Version: 4.5.0
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Users/mm223266/Library/R/arm64/4.5/library
        - /Library/Frameworks/R.framework/Versions/4.5-arm64/Resources/library
      knitr: 1.50
      rmarkdown: 2.29


(|) Checking Knitr engine render......
(/) Checking Knitr engine render......
(-) Checking Knitr engine render......
(\) Checking Knitr engine render......
(|) Checking Knitr engine render......
(/) Checking Knitr engine render......
(-) Checking Knitr engine render......
(\) Checking Knitr engine render......
(|) Checking Knitr engine render......
(/) Checking Knitr engine render......�[2K�[G
[✓] Checking Knitr engine render......OK

[mickmcq]

Here is the terminal output.

Loading required package: colorout
normal x[x<0] x[x>=0] 19/01/2038 03:14:07 "string"
NA/NaN/NULL FALSE TRUE Inf [index] stderror warn error
Loading required package: credentials
Found git version 2.39.5 (Apple Git-154)
Supported HTTPS credential helpers: cache, store
Found OpenSSH_9.9p2, OpenSSL 3.5.0 8 Apr 2025
Default SSH key: /Users/mm223266/.ssh/id_ed25519


processing file: bla.qmd
1/5                  
2/5 [unnamed-chunk-1]
3/5                  
4/5 [initialize]     
5/5                  
output file: bla.knit.md

pandoc 
  to: html
  output-file: bla.html
  standalone: true
  section-divs: true
  html-math-method: mathjax
  wrap: none
  default-image-extension: png
  variables: {}
  
metadata
  document-css: false
  link-citations: true
  date-format: long
  lang: en
  monofont: Fira Code
  
Output created: bla.html

[mcanouil]

Thanks for the report, this is a bug.

• monofont no longer works since 1.6.27 #12890

[phineas-pta]

my workaround:

  html:
    include-in-header:
      text: |
        <style>
        @font-face {font-family: CustomFont; src: url("path to font file");}
        pre, code {font-family: CustomFont, monospace;}
        </style>

[mickmcq]

Thanks for this workaround! I still have one question, which is "How do I get code comments in italics?" Back when I could use the monofont declaration, I would get code comments in italics automatically. I can't figure out an incantation that would provide them in your workaround since it seems I have to refer to a specific font file, such as VictorMonoNerdFont-Regular.ttf and can't see how to add VictorMonoNerdFont-Italic.ttf in the appropriate way.