Я пытаюсь использовать Open Sans на веб-сайте, который разрабатываю с использованием импорта CSS шрифтов Google. Я тестировал веб-сайт на Mac и только сейчас пытаюсь использовать резервный шрифт для Windows, которого нет в Helvetica Neue. Для этого я использую ссылку для импорта шрифтов Google для Open Sans следующим образом:
Код: Выделить всё
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
По какой-то причине это отлично работает на моем Mac (проверено в Firefox и Chrome), но, похоже, оно просто не хочет загружаться на моем рабочем столе Windows (проверено в Firefox и Edge). Чтобы еще больше запутать ситуацию, я также импортировал DM Sans, используя тот же метод, и у меня не возникло никаких проблем (строка импорта DM Sans ниже)!
Код: Выделить всё
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
Я пробовал использовать комбинированную строку импорта DM Sans и Open Sans и HTML, сгенерированный шрифтами Google, но это тоже не помогло (DM Sans все еще работает нормально в тот случай). Я также пытался удалить начало https для ссылки, но это оказалось безрезультатно и не имеет для меня смысла, поскольку ссылка DM Sans работает.
Есть идеи, что здесь происходит? Честно говоря, я рвал на себе волосы.
На случай, если это поможет, вот мой полный запасной список CSS-семейства шрифтов как для шрифта Open Sans (заголовок), так и для моего DM Sans (тело). ) шрифта соответственно.
Код: Выделить всё
font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Open Sans", Arial, sans-serif;
Код: Выделить всё
font-family: 'DM Sans', Helvetica, Arial, sans-serif;
Подробнее здесь:
https://stackoverflow.com/questions/783 ... on-windows
Мобильная версия