Do not use hard coded fontFamily value, instead use CSS style.

WordPress · Feb 5, 2019 · 544f096 · 544f096
1 parent 70836f1
commit 544f096
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
@@ -272,7 +272,7 @@ export default class ImageEdit extends React.Component {
 						<View style={ { padding: 12, flex: 1 } }>
 							<TextInput
 								style={ { textAlign: 'center' } }
-								fontFamily={ 'serif' }
+								fontFamily={ this.props.fontFamily || ( styles[ 'caption-text' ].fontFamily ) }
 								underlineColorAndroid="transparent"
 								value={ caption }
 								placeholder={ __( 'Write caption…' ) }

diff --git a/packages/block-library/src/image/styles.native.scss b/packages/block-library/src/image/styles.native.scss
@@ -1,3 +1,7 @@
+// @format
+
+@import "variables.scss";
+
 .imageContainer {
 	flex: 1;
 	justify-content: center;
@@ -15,3 +19,7 @@
 	flex-direction: column;
 	align-items: center;
 }
+
+.caption-text {
+	font-family: $default-regular-font;
+}