ラック
Home > ブログ > 記事 > 2018年2月 > BracketsでMarkdownをプレビュー

BracketsでMarkdownをプレビュー

カテゴリ: 開発環境

Brackets上でMarkdownをプレビューできないか、と思ったので試してみました。試したのはBrackets Markdown Preview(Loïs Bégué(https://bitbucket.org/begue/))というプラグイン。良い感じに表示してくれるのですが、日本語フォントに違和感があるのでcssを修正。

  1. cssでフォントを変更する手順その1

    ヘルプ→拡張機能のフォルダーを開く、で拡張機能のフォルダを開きます。

  2. user\brackets-markdown-preview\stylesに移動
  3. preview.cssを開いて編集、下記のように游ゴシックを指定してみました
    
    @font-face {
        font-family: "Jugos";
        font-weight: normal;
        src: local("YuGothic-Medium"),
             local("Yu Gothic Medium"),
             local("YuGothic-Regular");
    }
    @font-face {
        font-family: "Jugos";
        font-weight: bold;
        src: local("YuGothic-Bold"),
             local("Yu Gothic");
    }
    html, body {
        font-family: Jugos,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    }
    	

プレビュー画面の日本語のフォントが変化したことを確認

これで表示が游ゴシックで表示されるようになりました。

参考

名前が異なりますが同じ方法でできたので。

タグ: Brackets,Markdown

 



関連する記事一覧