Question

我已将谷歌字体中的.ttf文件下载到我的本地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">

我没有收到任何错误，但也没有显示字体。奇怪的是，official docs甚至没有提到本地字体。

Answer 1

我觉得问题是使用local路径，需要在本地安装字体。

尝试删除@import并向src: url添加src: local的后备广告：

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

e.g：

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

Google字体不再支持下载的文件？

1 个答案: