Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
quarto-dev
GitHub Repository: quarto-dev/quarto-cli
Path: blob/main/tests/docs/brand-yaml/kitchen-sink/brand-typography.qmd
3562 views
---
title: title is gothic a1 italic 700
subtitle: subtitle is a little smaller
format:
  typst:
    keep-typ: true
    include-in-header:
      text: |
        #set text(fallback: false, weight: 100)
  dashboard: default
  html: default
  revealjs: default
---

## heading-2 is gothic a1 italic 700

Paragraph is 12pt blue eb garamond normal 400 with line-height 0.9.

Here's a monospace inline in 20px space mono normal 700, red on white:  `fib(90)` \
and here's a monospace block in 8pt space mono normal 400, white on dark green, with line-height 2:

:::{.sourceCode}
```
const fib = num => num < 2 ? num : fib(num-1) + fib(num - 2);
console.log(fib(12));
```
:::

Syntax highlighting makes colors more complicated:
```javascript
const fib = num => num < 2 ? num : fib(num-1) + fib(num - 2);
console.log(fib(12))
```

Here is [a purple link with a light green background in eb garamond 700](https://www.example.com) and here are some paragraphs:

{{< lipsum 3 >}}