Почему шрифт Google на локальном хосте отображается иначе, чем на тестовом сервере? - PullRequest
Новая
       186

Почему шрифт Google на локальном хосте отображается иначе, чем на тестовом сервере?

0 голосов
/ 06 августа 2020

Я вижу различную толщину шрифта на моем локальном веб-сервере разработки и на нашем тестовом сервере. S CSS втягивает Roboto следующим образом: 

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,700i&display=swap');

Если вы посмотрите на этот URL, вы увидите, что для font-weight 300 (Latin) он имеет: 

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

На основе src, он должен искать Roboto Light локально и использовать его, возвращаясь к извлечению из fonts.gstati c .com. Я вижу, что это работает на моем сервере localhost (на моем компьютере установлен Roboto), но не на тестовом сервере: на тестовом сервере он использует «обычный» Roboto :

Разница шрифтов между локальным и тестовым серверами

Из инструментов разработчика Chrome я вижу, что на локальном хосте отображается шрифт Roboto Light , а при тестировании это Roboto . На вкладке «Сеть» я вижу, что моя локальная версия запрашивает вариант Roboto Light с серверов Google. Версии тестового сервера нет. К сожалению, у меня нет простого доступа к серверу, чтобы узнать, какие шрифты он установил или что может мешать ему позвонить по номеру https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2, но я могу спросить об этом DevOps.

Вот мои вопросы. Большое спасибо за любой свет, который вы можете пролить на него!

  • В целом, почему это может быть иначе?
  • Если браузер находит вариант Roboto Light на моем локальный компьютер, почему он также не находит его для версии тестового сервера? @font-face говорит ему сначала проверить локально, да, но означает ли это локально для компьютера браузера или на сервере?
  • Поскольку есть запасной вариант в случае полного Roboto шрифт отсутствует на локальном компьютере, почему он может не работать на тестовом сервере? Как мне отладить это?
  • Если это проблема конфигурации сервера (я предполагаю, что это так), какие вопросы я должен задать нашим разработчикам, чтобы выяснить это на сервере?
...