HighLight Code box Customize

CSS

 .code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;
 }
    

HTML

 <link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet">
    

JAVASCRIPT

 <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.2.0/build/highlight.min.js">

 <script src='https://cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@2.8.0/src/highlightjs-line-numbers.min.js'/>
 
 <script>
  hljs.initHighlightingOnLoad();
  hljs.initLineNumbersOnLoad();
 </script>