Início / coding / Perguntas / 79298122
Accepted
Eric Krantz
Asked: 2024-12-21 02:32:19 +0800 CST

Alterar fonte do Quarto 'term' ao renderizar para HTML usando .css personalizado

  • 772

Estou construindo um modelo .csspara minha marca que será usado pelo Quarto para renderizar documentos HTML. Esta página mostra como inserir um term(role para baixo até o final de Lists). No HTML renderizado, o termaparece em uma fonte padrão, mas eu gostaria de vê-lo na fonte de parágrafo regular.

Aqui está meu .css. Há exceções de fonte para equações em linha (há equações no meu documento que não quero no Aktiv Grotesk).

p, span:not(.math.inline) {
    font-size: 11pt;
    font-family: 'Aktiv Grotesk';
    color:black
}

span:not(.math.inline) {
    font-family: 'Aktiv Grotesk', Times, serif ;
}

Aqui está meu documento Quarto:

---
title: Term Font
format: 
  html:
    css: styles_def.css
---

## Definitions

Definitions can be inserted in the document by using a colon, space, then the definition. Each definition needs to be separated by a line feed.

Noun
: A person, place, or thing.

Verb
: An action word.

E aqui está o resultado: insira a descrição da imagem aqui

Como faço para refinar meu .cssarquivo para usar a mesma fonte terms?

1 respostas

  1. Best Answer

    Os termos são renderizados em listas de definição (ou listas de descrição), <dl> veja por exemplo 8.7.4.1 dentro do Guia Pandoc . Portanto, no seu exemplo, HTMLparece com isto:

    <dl>
   <dt>Noun</dt>
   <dd>
      A person, place, or thing.
   </dd>
   <dt>Verb</dt>
   <dd>
      An action word.
   </dd>
</dl>

    Assim, você pode adicionar dl, dtou ddao seu css, dependendo do que você precisa. Se você, por exemplo, quiser aplicar os estilos para a lista inteira, você pode usar:

    estilos_def.css

    p, span:not(.math.inline), dl {
    font-size: 11pt;
    font-family: 'Aktiv Grotesk';
    color:black
}

span:not(.math.inline), dl {
    font-family: 'Aktiv Grotesk', Times, serif ;
}

    documento.qmd

    ---
title: Term Font
format: 
  html:
    css: styles_def.css
---

## Definitions

Definitions can be inserted in the document by using a colon, space, then the definition. Each definition needs to be separated by a line feed.

Noun
: A person, place, or thing.

Verb
: An action word.

    insira a descrição da imagem aqui

    • 1

relate perguntas