Google шрифты больше не поддерживает загруженные файлы? - PullRequest
Новая
       24

Google шрифты больше не поддерживает загруженные файлы?

0 голосов
/ 02 мая 2018

Я загрузил файлы .ttf из шрифтов Google в мою локальную папку css, но не могу загрузить их должным образом. Я пробовал эти подходы:

CSS 

@import url('./css/css?family=Cabin+Condensed:400,500,600,700');

@font-face {
    font-family: 'Cabin Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Cabin Condensed') format('truetype');
}

body, html {
    font-family: 'Cabin Condensed', sans-serif;
}

HTML 

<link href="./css/css?family=Cabin+Condensed:400,500,600" rel="stylesheet">

Я не получаю никаких ошибок, но шрифт также не отображается. Как ни странно, в официальных документах даже не упоминаются местные шрифты.

1 Ответ

0 голосов
/ 02 мая 2018

Мне кажется, проблема в использовании пути local, который требует локальной установки шрифта.

Попробуйте сбросить @import и добавить запасной вариант src: url к вашему src: local: 

@font-face {
    font-family: 'Cabin Condensed';
    src: local('Cabin Condensed'), url(<path to the TTF file>);
}

например: 

@font-face {
    font-family: 'Cabin Condensed';
    src: local('Cabin Condensed'), url('/css/fonts/Cabin-Condensed.ttf');
}
...