Продолжайте получать «Не удалось декодировать загруженный шрифт», несмотря на правильный URL-адрес

Question

Я проверил все так, но не смог выяснить, что случилось в моем конкретном случае.

Вот мой 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 в консоли. В результате, шрифты не применяются к элементам должным образом. 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 Fonts - если это работает, это даст ключи к другим вопросам.