Add IBM Plex mono font

Author: ShukantPal

packages/webdoc-default-template/src/app/components/Header/Search.js

@@ -10,13 +10,16 @@ export default function Search({
   React.useEffect(
     () => {
       if (!ref.current || enabled.current) {
+        console.log("Input not found for search");
         return;
       }
       if (integration.provider === "algolia") {
         if (!window.docsearch) {
           throw new Error("docsearch should be in global scope");
         }
 
+        console.log("Initializing search");
+
         window.docsearch({
           apiKey: integration.apiKey,
           appId: integration.appId,

packages/webdoc-default-template/static/scripts/default-template.js

@@ -9600,6 +9600,7 @@ function Search(_ref) {
   var enabled = external_React_default.a.useRef(false);
   external_React_default.a.useEffect(function () {
     if (!ref.current || enabled.current) {
+      console.log("Input not found for search");
       return;
     }
 
@@ -9608,6 +9609,7 @@ function Search(_ref) {
         throw new Error("docsearch should be in global scope");
       }
 
+      console.log("Initializing search");
       window.docsearch({
         apiKey: integration.apiKey,
         appId: integration.appId,

packages/webdoc-default-template/tmpl/layout.tmpl

@@ -16,7 +16,7 @@ const integrations = JSON.stringify(config.integrations);
 
     <link type="text/css" rel="stylesheet" href="/<?js= sitePrefix ?>styles/index.css" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Roboto+Mono&display=swap" />
     <link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/googlecode.min.css">
 
     <script>