スクリーンショットでわかるように、アイコンとフォントが正しく読み込まれていません。
私たちの観察では、これはSafari でのみ機能しません。iPhone でテストしているか、Mac でテストしているかは関係ありません。
フォントは次のようにロードされます。
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
テストした他のブラウザでは、アイコンとフォントが正しく表示されます。(iOS では Google ブラウザ、Windows では Chrome)
Safari Debugger で確認したところ、フォント ファイルをダウンロードできないようです。(私はこれを書きたくありませんでしたが: 時々、それが短時間動作し、その後動作を停止することを観察しました。)
Chrome では、結果は次のようになります。
提案は何ですか？
- セルフホスティング? なんで？
2019 年 11 月 13 日更新: 追加情報が見つかりました: https://github.com/doanythingfordethklok/safari-cache-bug