patternfly
diff --git a/packages/patternfly-4/react-core/README.md b/packages/patternfly-4/react-core/README.md
@@ -49,6 +49,10 @@ export default <Button variant="primary">Button</Button>;
 
 All css related to each component is provided within it. There is no component level CSS to import.
 
+# Applying Red Hat Fonts (Optional) 
+If you would like to use Red Hat fonts instead of Overpass, simply add the class `.pf-m-redhat-font` to an element that wraps your application (ideally `<html>` or `<body>`) to adopt the CSS changes that introduce the Red Hat fonts into PatternFly.
+
+
 # Documentation
 
 This project uses Gatsby. For an overview of the project structure please refer to the [Gatsby documentation - Building with Components](https://www.gatsbyjs.org/docs/building-with-components/).

diff --git a/packages/patternfly-4/react-docs/src/templates/sidebarLayout.js b/packages/patternfly-4/react-docs/src/templates/sidebarLayout.js
@@ -52,6 +52,7 @@ const SidebarLayout = ({ children }) => {
       <Helmet>
         <html lang="en-US" />
         <meta charSet="utf-8" />
+        <body className="pf-m-redhat-font" />
         <meta name="description" content="PatternFly React Documentation" />
         <meta name="keywords" content="React, PatternFly, Red Hat" />
         <link rel="icon" type="image/x-icon" href="/favicon.ico" />