Текст автозаполнения в полях <input />
не отображает правильный шрифт, когда пользователь впервые загружает страницу. Он отображает то, что называется .SF NS Text .

Хотя один раз пользователь взаимодействует со страницей, например, щелкая в любом месте. Отображается правильный шрифт.

Есть идеи, почему это может происходить или как это можно исправить?
Я использую Google Fontsзагрузить шрифт PT Sans , добавив его в <head>
документа.
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" />