JetBrainsMono字体的使用

<!-- run -->
<style>
        .normal {
            font-size: 36px;
            line-height: 48px;
            letter-spacing: 10px;
            font-weight: 400;
            color: black;
        }
        
        .mono {
            font-family: 'mono-font';
            font-weight: 400;
            font-size: 36px;
            line-height: 48px;
            color: black;
        }
       .italic {
            font-style: italic;
        }
  </style>

<div>
        <h3>默认字体</h3>
        <p class="normal">
            你好
            <==> != >=
                <=*** --> >>>
                    <<< ~~~~> (!=) {} [] µÂ¬∆Ô√ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
        </p>
        <p class="normal italic">
            你好
            <==> != >=
                <=*** --> >>>
                    <<< ~~~~> (!=) {} [] µÂ¬∆Ô√ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
        </p>
        <hr>
        <hr>
        <h3>JetBrainsMono</h3>
        <p class="mono">你好
            <==> != >=
                <=*** --> >>>
                    <<< ~~~~> (!=) {} [] µÂ¬∆Ô√ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
        </p>
        <p class="mono italic">你好
            <==> != >=
                <=*** --> >>>
                    <<< ~~~~> (!=) {} [] µÂ¬∆Ô√ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
        </p>

    </div>

<div class="mono">
<pre id="post_copy_target_0" highlighted="true">
<code class="language-css has-numbering hljs" style="font-family: 'mono-font' !important;"> 
/* 自定义字体 font-family: 'mono-font' */
        
        @import url(https://files.cnblogs.com/files/wgb1234/monoFont.css);
        .normal {
            font-size: 36px;
            line-height: 48px;
            letter-spacing: 10px;
            font-weight: 400;
            color: black;
        }
        
        .mono {
            font-family: 'mono-font';
            font-weight: 400;
            font-size: 36px;
            line-height: 48px;
            color: black;
        }
        
        .italic {
            font-style: italic;
        }
/*   ==>
       <==> != >=
                <=*** --> >>>
       <<< ~~~~> (!=) {} [] µÂ¬∆Ô√ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
      !=  >=  <=  JetBrainsMono
*/
</code>
</pre>
</div>