diff --git a/change/@fluentui-web-components-2020-10-08-15-22-21-users-chhol-button-font-inheritance-issues.json b/change/@fluentui-web-components-2020-10-08-15-22-21-users-chhol-button-font-inheritance-issues.json
new file mode 100644
index 0000000000000..0d163661c6420
--- /dev/null
+++ b/change/@fluentui-web-components-2020-10-08-15-22-21-users-chhol-button-font-inheritance-issues.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix: ensure font properties are inherited to control and start/end content",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-10-08T22:22:21.243Z"
+}
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
index d9eea63129b0a..4caaff10dab79 100644
--- a/packages/web-components/src/styles/patterns/button.ts
+++ b/packages/web-components/src/styles/patterns/button.ts
@@ -61,6 +61,10 @@ export const BaseButtonStyles: ElementStyles = css`
         font-family: inherit;
     }
 
+    .control, .end, .start {
+        font: inherit;
+    }
+
     :host(:hover) {
         background-color: ${neutralFillHoverBehavior.var};
     }