-
1:ID:LfLAm2 · 1週間前

#文字化け 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 件の回答

2:ID:BNGtcY · 1週間前

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&amp;subset=japanese" rel="stylesheet">
-------------------------------------------------------------------------------------

2. CSSを以下のように修正(Noto Serif JPを追加)
-------------------------------------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
-------------------------------------------------------------------------------------

3:ID:ZjB.b7 · 1週間前

font-weight指定してみて

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る