Возможно, отвечая на мой собственный вопрос здесь (частично), но мне не удается найти способ опубликовать заявку на проблему для Google, и я хотел бы знать, не выглядит ли этот код как проблема для любых устройств .
Шрифты Google корректно отображались в Chrome и Firefox на моем рабочем столе, но когда я попытался просмотреть веб-сайт на Chrome и браузере DuckDuck Go на моем Android телефоне, ни один из шрифтов Google проходили, и я только что получил значения по умолчанию.
3-я строка кода в <head> была , отражая как:
<link href="https://fonts.googleapis.com/css?family=Amarante|Rakkas|Courgette&display=swap" rel="stylesheet">
И я включил соответствующий CSS, такой как: font-family: 'Courgette', cursive;
Я нашел этот сайт: https://developers.google.com/fonts/docs/css2, который, как представляется, указывает на изменение API, и использует новый формат API для <link> в <head>, кажется, работает как на настольном компьютере, так и на моем мобильном телефоне (см. 3-я строка, единственное изменение между двумя итерациями).
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Amarante&family=Rakkas&family=Courgette&display=swap" rel="stylesheet">
</head>
В настоящее время веб-сайт Google Font не работает. ссылаться на новый "css2?" форматирование, и кажется, по крайней мере, в моем случае, что они должны.
Это веб-сайт, о котором идет речь, который теперь кажется «исправленным» для шрифтов Google: https://cliftonhill.github.io/ Однако, другой сайт, который я недавно сделал (https://cliftonhill.github.io/Practice-Tindog/) со стандартным кодом Google Font в <head>, работает без проблем на одном мобильном и настольном компьютере. Так что, возможно, что-то еще не так?