Markdown Toolbox Logo Markdown Toolbox
Lar
Blogue

Realce de sintaxe de código em markdown

2024-09-25

Versão Curta

Para usar uma fonte com destaque de sintaxe embutido, siga as instruções de configuração disponíveis na documentação da fonte.

<link rel="stylesheet" href="https://example.com/font.css">

Versão Longa

Introdução

Certas fontes vêm com destaque de sintaxe embutido que melhora a aparência de blocos de código em documentos Markdown.

Passos para Usar

  1. Selecionar uma Fonte: Escolha uma fonte que suporte destaque de sintaxe, como uma disponível em Glyph Drawing.

  2. Incluir a Fonte em Seu Documento: Adicione o link apropriado para incluir a folha de estilo da fonte no início do seu documento HTML.

<link rel="stylesheet" href="https://example.com/font.css" />
  1. Aplicar a Fonte: Use CSS para aplicar a fonte aos seus elementos de código no Markdown conforme necessário.

Exemplo de Uso de CSS

code,
pre {
    font-family: 'Your Font Name';
}

Dessa forma, você pode utilizar uma fonte personalizada para melhorar a aparência de trechos de código dentro do seu Markdown, aproveitando o destaque de sintaxe embutido que ela fornece.