カスタムCSSフォントは、IOSではなくPC上にロードされます

私は自分のサイトタイトルのフォントをWordpressのRalewayにカスタマイズしようとしています。カスタムCSSフォントは、IOSではなくPC上にロードされます

Customize>TypographyにGoogleのフォントコードを追加しました。これは私のPCのフォントを変更するために働いていますが、私の携帯デバイスでは変更していません。

私は、カスタムCSSパネルに次のコードを追加：

@site-title { 
    font-family: 'Raleway'; 
    font-style: light; 
    src: url ('https://fonts.googleapis.com/css?family=Raleway'); 
}

何も動いていないようにみえ。私ができることのアイデア？

感謝!!

2017-08-24 Michelle

iOSデバイスのスクリーンショットをバージョンと共に提供します。 iOS 11で問題なく動作しています – nathan

リンクを参照するスタイルタグの1行下のフォントにリンクを貼っているようです。誤って「Raleway」の後にスペースを入れるよう

2017-08-24 17:44:25

が見えるので、URLが無効です：：これらの2つの行を切り替えて、それが適切に解決されるように

<link href="https://fonts.googleapis.com/css?family=Raleway " rel="stylesheet" type="text/css">

はスペースを削除してください。

Safari開発者モードでスペースを削除すると、フォントが正しく表示されました。

2017-08-24 17:46:07

答えて