I'm trying to use a custom font in a presentation. I have a .sscs file with the following lines:
`@import url(./nunito.css);`
`$font-family-sans-serif: Nunito, sans-serif !default;`
`$presentation-heading-font: Nunito, sans-serif !default;`

When I run preview, the heading font is done correctly. The body text is not and is still the default font. I also get a warning `  /Presentation_files/libs/revealjs/dist/theme/nunito.css (404: Not Found)`

Now obviously I can copy the CSS file and related font files to the above referenced location after the first time I try running preview, but that seems like an ugly hack. It also doesn't explain how the font is working for headings. I can't figure out how it is working in one place and not in the other.

Here is the beginning of quarto.css `@import"./nunito.css";@import"./fonts/source-sans-pro/source-sans-pro.css";:root{--r-background-color: #660000;--r-main-font: Nunito, sans-serif;--r-main-font-size: 40px;--r-main-color: #ff0;--r-block-margin: 12px;--r-heading-margin: 0 0 12px 0;--r-heading-font: Nunito, sans-serif;`
That is the only file in the libs directory tree that contains "nunito". 

I had this font working in Revealjs, but its markdown isn't as nice as Quarto, and I thought I'd learn Quarto for other projects in the future. This isn't urgent, I'm old enough to have learned I need to play with something before I rely on it for an important project.

Thank you for a cool publishing platform. 
2022-01-27T03:12:09Z
Eric-Hacker
closed
Custom fonts for revealjs presentation half working
https://github.com/quarto-dev/quarto-cli/issues/294