¿Puedo hacer que ReText use un tipo de fuente diferente para mostrar el código?

Question

Estoy usando ReText 3.1.4 (Lubuntu 12.10) para tomar notas. Quiero saber si es posible utilizar una fuente diferente para mostrar el texto marcado como código enmodo de vista previa:

En la imagen, Sorty ~/.config/pcmanfm/lubuntu/desktop-items-0.confaparecen.desteñido. Siento que es un problema con Courier (no solo en ReText). Me gustaría usar Ubuntu Mono o DejaVu Sans Mono en lugar de Courier. ¿Es eso posible? ¿Cómo?

Instalé todo el software recomendado sugerido al momento de instalar Retext desde el Centro de software de Lubuntu y el incluido Qt Configuration 4.8.3que permite mucha personalización. Puedo usar la pestaña Fuentes de esta aplicación para cambiar la fuente predeterminada, pero no la fuente responsable del texto al representar el código:

Answer 1

Podemos utilizar hojas de estilo en cascada (CSS) para lograrlo.

Si eres nuevo en CSS y quieres ayuda/tutorial, consulta esta pregunta de Stack Overflow:

• El mejor tutorial/sitio/blog/libro de CSS

Consulte también ReText Wiki para obtener el archivo de configuración:

• ReText Wiki para el archivo de configuración

Siga estos pasos para crear y modificar el archivo CSS:

1. ReText almacena sus archivos de configuración en ~/.config/ReText project/ReText.conf. Abra su Administrador de archivos (Nautilus si está usando Ubuntu). Presione Ctrl+ Hpara mostrar todos los archivos ocultos. Ahora, navegue hasta el directorio .config→ ReText project. Aquí encontrarías ReText.conf. Tendríamos que editarlo para que apunte a nuestro cssarchivo. Pero primero creemos el cssarchivo.

2. En este mismo directorio crea un archivo llamado myconfig.css(puedes nombrarlo como quieras). Ahora ábrelo en un editor de texto.

3. Edite el archivo como se muestra a continuación:

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

   Obviamente, lo que desea es establecer solo la font-familypropiedad para codeetiquetar. Sin embargo, recomiendo establecer background-colorpropiedades también para las etiquetas codey pre. Lo configuré background-coloren LightGrey(su valor hexadecimal es #D3D3D3). Podrás modificar el color a tus gustos y preferencias. El siguiente enlace debería ayudarle en este sentido.

   • Colores populares y sus valores hexadecimales

4. Ahora modifique el archivo de configuración de ReText para que apunte a la hoja de estilo recién creada. Ábrelo ~/.config/ReText project/ReText.confen tu editor de texto y agrega la styleSheetconfiguración al final y apúntala a su ubicación. Para mi es:

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

   

   Nota:

   • Asegúrese de proporcionar la ruta completa al archivo. No puede expandirse ~como su $HOME.
   • Además, si nombró su archivo css como algo distinto myconfig.csso lo colocó en algún otro directorio, asegúrese de proporcionar el nombre de archivo y la ruta correctos.

5. Si ya tenía ReText ejecutándose, ciérrelo y reinícielo nuevamente para que los cambios surtan efecto.

---

Cómo saber qué HTML <tag>modificar

Si no está seguro de los nombres de las etiquetas, puede ver el código HTML de su rebajas y luego realizar los cambios que prefiera en CSS.

EditarMenú →Ver código HTMLmostraría el marcado de su texto de rebajas.