#文字化け
Google Web Fontsのnotoフォントをfont-familyに指定していますが、
最近2案件ほどiPhoneでの文字化けの修正依頼があり、解決方法を探しています。
webフォントの読み込みはhtmlで
--------------------------------------------------------------------------------------------------------------
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900" rel="stylesheet">
--------------------------------------------------------------------------------------------------------------
cssの指定は
--------------------------------------------------------------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;
--------------------------------------------------------------------------------------------------------------
と、しています。
文字化けは、中に×印の入った四角が文字の上に表示される形です。
よろしくお願いいたします。
一緒に読まれている質問
2 件の回答
1. linkタグを以下のように修正(subset=japaneseを追加)
-------------------------------------------------------------------------------------
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese" rel="stylesheet">
-------------------------------------------------------------------------------------
2. CSSを以下のように修正(Noto Serif JPを追加)
-------------------------------------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
-------------------------------------------------------------------------------------
font-weight指定してみて