Adjust fonts in RPC reference (#1958)

Author: alexandratran

src/components/ParserOpenRPC/DetailsBox/index.tsx

@@ -48,15 +48,15 @@ export default function DetailsBox({
       {summary !== null && (
         <p
           style={{ marginBottom: '0.5rem' }}
-          className={clsx('padding-bottom--md', styles.borderBottomLine)}>
+          className={clsx('padding-bottom--md', styles.borderBottomLine, styles.methodSummary)}>
           <strong>Summary: </strong>
           <span className={styles.summaryText}>
             <MDContent content={summary} />
           </span>
         </p>
       )}
       {description !== null && (
-        <div className="padding-top--md">
+        <div className={clsx("padding-top--md", styles.methodDescription)}>
           <MDContent content={description} />
         </div>
       )}
@@ -68,7 +68,7 @@ export default function DetailsBox({
       </Heading>
       <div className={styles.paramContainer}>
         {params.length === 0 ? (
-          <div className="padding-vert--md">This method doesn't accept any parameters.</div>
+          <div className={clsx("padding-vert--md", styles.noParamsDescription)}>This method doesn't accept any parameters.</div>
         ) : (
           params && renderParamSchemas(params, components)
         )}

src/components/ParserOpenRPC/DetailsBox/styles.module.scss

@@ -73,6 +73,7 @@
 .enumWrapper {
   border: 1px solid var(--general-gray-light);
   margin-bottom: 2rem;
+  font-size: 1.4rem;
 }
 
 .enumItem {
@@ -139,6 +140,14 @@
   }
 }
 
+.methodSummary {
+  font-style: italic;
+}
+
+.methodDescription, .noParamsDescription {
+  font-size: 1.6rem;
+}
+
 html[data-theme='dark'] {
   .paramWrapper,
   .borderWrapper,

src/components/ParserOpenRPC/ModalDrawer/styles.module.scss

@@ -56,6 +56,7 @@
   font-size: 1.8rem;
   line-height: 1;
   font-weight: 500;
+  font-family: var(--ifm-font-family-base);
 }
 
 .modalTitleContainer {