fix: font styling between browsers

* update guided install to use normal font weights * update section headers to use normal font weights
newrelic · May 10, 2022 · 1230243 · 1230243
1 parent 483f710
commit 1230243
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/GuidedInstallTileMostPopular.js b/src/components/GuidedInstallTileMostPopular.js
@@ -86,6 +86,7 @@ const GuidedInstallTileMostPopular = () => {
           css={css`
             font-family: 'Söhne-Buch';
 
+            font-weight: normal;
             font-size: 18px;
             line-height: 24px;
             margin: 0;
@@ -148,6 +149,7 @@ const GuidedInstallTileMostPopular = () => {
           size={Button.SIZE.SMALL}
           css={css`
             background: none;
+            font-weight: normal;
             font-size: 18px;
             font-family: 'Söhne-Leicht';
             padding: 0 0 3px 0;

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
@@ -449,6 +449,7 @@ const QuickstartsPage = ({ data, location }) => {
                     line-height: 36px;
                     margin-bottom: 12px;
                     letter-spacing: -0.5px;
+                    font-weight: normal;
                   `}
                 >
                   Category
@@ -537,6 +538,7 @@ const QuickstartsPage = ({ data, location }) => {
                         line-height: 36px;
                         letter-spacing: -0.5px;
                         color: #1d252c;
+                        font-weight: normal;
                       }
                       @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
                         padding: 0 0 0.5rem;
@@ -583,6 +585,7 @@ const QuickstartsPage = ({ data, location }) => {
                     line-height: 36px;
                     letter-spacing: -0.5px;
                     color: #1d252c;
+                    font-weight: normal;
                   }
                   @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
                     padding: 0 0 0.5rem;