盡管網址正確，但仍然會收到“無法解碼下載的字體”的信息

Question

我檢查了所有的SO，但無法確定我的具體情況出了什么問題。

這是我的CSS：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/assets/fonts/OpenSans-Regular.ttf) format('truetype');
}

但是Chrome不斷拋出“ Failed to decode downloaded font和OTS parsing error: DSIG: invalid table offset控制台中的OTS parsing error: DSIG: invalid table offset錯誤。 結果，字體沒有正確地應用於元素。 字體的URL絕對正確，所以我不確定這里出了什么問題。

這僅在Chrome中發生。 它在Safari中工作正常。

Answer 1

我認為您的url屬性應該丟失第一個/所以它看起來像這樣-只是為了嘗試進行故障排除，請嘗試一下。

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(assets/fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(assets/fonts/OpenSans-Regular.ttf) format('truetype');
}

另外，為了進行故障排除，請嘗試直接從Google字體網站進行鏈接-如果可行，它將提供其他問題的線索。