ReTextでコードの表示に異なるフォントタイプを使用できますか？

Question

ReText 3.1.4（Lubuntu 12.10）を使用してメモを作成しています。 プレビューモードでコードとしてマークされているテキストを表示するために別のフォントを使用できるかどうかを知りたい

画像では、Sortおよび~/.config/pcmanfm/lubuntu/desktop-items-0.confが表示されますfaded。これはCourierの問題だと思います（ReTextだけでなく）。 Courierの代わりにUbuntu MonoまたはDejaVu Sans Monoを使用したいと思います。それは可能ですか？どうやって？

Lubuntu Software CenterからRetextをインストールするときに推奨され、Qt Configuration 4.8.3を含む推奨ソフトウェアをすべてインストールしました。これにより、多くのカスタマイズが可能になります。このアプリケーションの[フォント]タブを使用して、デフォルトのフォントを変更できますが、コードの描画でテキストを担当するフォントのフォントは変更できません。

Answer 1

Cascading Style Sheets（CSS）を使用してこれを実現できます。

CSSに不慣れで、ヘルプやチュートリアルが必要な場合は、スタックオーバーフローに関する次の質問をご覧ください。

• 最高のCSSチュートリアル/サイト/ブログ/ブック

構成ファイルについては、ReText Wikiも参照してください。

• 設定ファイルのReText Wiki

次の手順に従って、CSSファイルを作成および変更します。

1. ReTextは、その構成ファイルを~/.config/ReText project/ReText.confに保存します。ファイルマネージャーを開きます（Ubuntuを使用している場合はNautilus）。押す Ctrl + H すべての隠しファイルを表示します。次に、ディレクトリ.config→ReText 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プロパティをcodeタグとpreタグの両方に設定することをお勧めします。 background-colorをLightGreyに設定しました（16進値は#D3D3D3です）。好みや好みに合わせて色を変更できます。この点については、次のリンクが役立ちます。

   • 人気のある色とその16進値

4. 次に、ReTextの構成ファイルを変更して、新しく作成されたスタイルシートを指すようにします。テキストエディタで~/.config/ReText project/ReText.confを開き、最後にstyleSheet設定を追加して、その場所をポイントします。私にとっては：

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

   

   注：

   • ファイルへの絶対パスを指定してください。 ~を$HOMEとして展開できません。
   • さらに、cssファイルにmyconfig.css以外の名前を付けた場合、または他のディレクトリに配置した場合は、正しいファイル名とパスを指定してください。

5. 既にReTextを実行している場合は、変更を有効にするためにReTextを閉じて再起動します。

---

変更するHTML <tag>を知る方法

タグ名が不明な場合は、マークダウンのHTMLコードを表示してから、CSSに好みの変更を加えることができます。

編集メニュー→HTMLコードの表示は、マークダウンテキストのマークアップを表示します。