3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ReactNative で Text のフォントを serif 体にする

Last updated at Posted at 2017-12-08

Text フォントを serif体、日本語でいうところの明朝体にするには、fontFamily に適切なフォント名を指定する必要があります。

Android は様々な機種があるので、搭載されているフォントが機種によって異なるせいか、一般フォント名に対応しています。よって、fontFamily に、単に serif と指定すれば事たります。

iOSは、Apple が販売している端末しかないせいか、一般フォント名に対応していません。よって、fontFamilyには iOSに含まれている明朝フォント名を指定する必要があります。
iOSに含まれているフォントに関しては、こちらの記事などを参考にしてください。

最終的に、Platform モジュール使用して、次のように style を設定すればOKです。

<Text style={{fontFamily: Platform.select({ios:'HiraMinProN-W3', android: 'serif'})}}>Hogehoge</Text>
3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?