ReText에서 코드 표시에 다른 글꼴 유형을 사용하도록 할 수 있나요?

ReText에서 코드 표시에 다른 글꼴 유형을 사용하도록 할 수 있나요?

저는 ReText 3.1.4(Lubuntu 12.10)를 사용하여 직접 메모를 작성하고 있습니다. 코드로 표시된 텍스트를 표시하기 위해 다른 글꼴을 사용할 수 있는지 알고 싶습니다.미리보기 모드:

ReText 미리보기

이미지 에 Sort나타나~/.config/pcmanfm/lubuntu/desktop-items-0.conf시든. 나는 그것이 ReText뿐만 아니라 Courier의 문제라고 생각합니다. Courier 대신 Ubuntu Mono 또는 DejaVu Sans Mono를 사용하고 싶습니다. 그게 가능합니까? 어떻게?

Lubuntu 소프트웨어 센터에서 Retext를 설치할 때 제안된 모든 권장 소프트웨어를 설치했으며 여기에는 Qt Configuration 4.8.3많은 사용자 정의가 가능합니다. 이 애플리케이션의 글꼴 탭을 사용하여 기본 글꼴을 변경할 수 있지만 코드를 묘사하는 텍스트를 담당하는 글꼴은 변경할 수 없습니다.

다른 기본 글꼴을 사용한 ReText 미리보기

답변1

이를 달성하기 위해 CSS(Cascading Style Sheets)를 사용할 수 있습니다.

CSS를 처음 접하고 도움이나 튜토리얼이 필요한 경우 다음 스택 오버플로 질문을 참조하세요.

또한 구성 파일에 대해서는 ReText Wiki를 참조하십시오.

CSS 파일을 생성하고 수정하려면 다음 단계를 따르세요.

  1. ReText는 구성 파일을 ~/.config/ReText project/ReText.conf. 파일 관리자(Ubuntu를 사용하는 경우 Nautilus)를 엽니다. Ctrl+를 누르면 H숨겨진 파일이 모두 표시됩니다. 이제 디렉토리로 이동하십시오 .configReText project. 여기에서 찾을 수 있습니다 ReText.conf. 파일을 가리키도록 편집해야 합니다 css. 하지만 먼저 파일을 만들어 보겠습니다 css.

  2. 동일한 디렉토리에 myconfig.css(원하는 대로 이름을 지정할 수 있음)이라는 파일을 만듭니다. 이제 텍스트 편집기에서 엽니다.

  3. 파일을 아래와 같이 편집하세요.

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

    분명히 원하는 것은 font-family속성을 태그로 설정하는 것입니다 code. 그러나 태그 와 태그 background-color모두에 속성을 설정하는 것이 좋습니다 . 나는 를 (16진수 값은 ) 로 설정했습니다 . 취향과 선호에 따라 색상을 변경할 수 있습니다. 다음 링크는 이와 관련하여 도움이 될 것입니다.codeprebackground-colorLightGrey#D3D3D3

  4. 이제 새로 생성된 스타일시트를 가리키도록 ReText의 구성 파일을 수정합니다. ~/.config/ReText project/ReText.conf텍스트 편집기를 열고 styleSheet끝에 설정을 추가하고 해당 위치를 지정합니다. 나에게는 다음과 같다:

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

    ReText 구성 파일

    메모:

    • 파일의 전체 경로를 제공했는지 확인하십시오. ~으로 확장할 수 없습니다 $HOME.
    • 또한 CSS 파일의 이름을 다른 디렉터리로 지정 myconfig.css하거나 다른 디렉터리에 배치한 경우 올바른 파일 이름과 경로를 제공했는지 확인하세요.
  5. 이미 ReText를 실행 중인 경우 변경 사항을 적용하려면 ReText를 닫았다가 다시 시작하세요.

임무 완수


<tag>수정할 HTML을 아는 방법

태그 이름이 확실하지 않은 경우 마크다운의 HTML 코드를 확인한 다음 원하는 대로 CSS를 변경할 수 있습니다.

편집하다메뉴 →HTML 코드 보기마크다운 텍스트의 마크업이 표시됩니다.

태그를 알아요

관련 정보