Posso fazer com que o ReText use um tipo de fonte diferente para exibir o código?

Question

Estou usando o ReText 3.1.4 (Lubuntu 12.10) para fazer anotações sozinho. Quero saber se é possível usar uma fonte diferente para exibir o texto marcado como código nomodo de pré-visualização:

Na imagem, Sorte ~/.config/pcmanfm/lubuntu/desktop-items-0.confaparecemdesaparecido. Acho que isso é um problema com o Courier (não apenas com o ReText). Eu gostaria de usar Ubuntu Mono ou DejaVu Sans Mono em vez de Courier. Isso é possível? Como?

Instalei todos os softwares recomendados sugeridos na hora de instalar o Retext do Lubuntu Software Center e aquele incluído Qt Configuration 4.8.3que permite muita customização. Posso usar a guia Fontes deste aplicativo para alterar a fonte padrão, mas não a fonte responsável pelo texto na representação do código:

Answer 1

Podemos usar Cascading Style Sheets (CSS) para conseguir isso.

Se você é novo em CSS e deseja ajuda/tutorial, consulte esta pergunta do Stack Overflow:

• O melhor tutorial/site/blog/livro CSS

Consulte também o ReText Wiki para arquivo de configuração:

• ReText Wiki para arquivo de configuração

Siga estas etapas para criar e modificar o arquivo CSS:

1. ReText armazena seus arquivos de configuração em ~/.config/ReText project/ReText.conf. Abra seu gerenciador de arquivos (Nautilus se você estiver usando Ubuntu). Pressione Ctrl+ Hpara mostrar todos os arquivos ocultos. Agora, navegue até o diretório .config→ ReText project. Aqui você encontraria ReText.conf. Precisaríamos editá-lo para apontar para nosso cssarquivo. Mas primeiro vamos criar o cssarquivo.

2. Neste mesmo diretório crie um arquivo chamado myconfig.css(você pode nomeá-lo como quiser). Agora abra-o em um Editor de Texto.

3. Edite o arquivo conforme abaixo:

   code {
       font-family: Ubuntu Mono, DejaVu Sans Mono;
       background-color: #D3D3D3;
   }
   
   pre {
       background-color: #D3D3D3;
   }
   

   Obviamente, o que você deseja é definir apenas a font-familypropriedade como codetag. No entanto, recomendo definir background-colorpropriedades também para as tags codeand pre. Eu configurei background-colorcomo LightGrey(seu valor hexadecimal é #D3D3D3). Você pode modificar a cor de acordo com seus gostos e preferências. O link a seguir deve ajudá-lo nesse sentido.

   • Cores populares e seus valores hexadecimais

4. Agora modifique o arquivo de configuração do ReText para apontá-lo para a folha de estilo recém-criada. Abra ~/.config/ReText project/ReText.confem seu Editor de Texto e adicione a styleSheetconfiguração no final e aponte para sua localização. Para mim é:

   styleSheet=/home/aditya/.config/ReText project/myconfig.css
   

   

   Observação:

   • Certifique-se de fornecer o caminho completo para o arquivo. Ele não pode se expandir ~como seu arquivo $HOME.
   • Além disso, se você nomeou seu arquivo css como algo diferente myconfig.cssou o colocou em algum outro diretório, certifique-se de fornecer o nome e o caminho corretos do arquivo.

5. Se você já tinha o ReText em execução, feche-o e reinicie-o novamente para que as alterações tenham efeito.

---

Como saber qual HTML <tag>modificar

Se não tiver certeza sobre os nomes das tags, você pode visualizar o código HTML do seu markdown e fazer as alterações preferidas no CSS.

EditarCardápio →Ver código HTMLmostraria a marcação do seu texto de marcação.