首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >谷歌字体不再支持下载的文件?

谷歌字体不再支持下载的文件?
EN

Stack Overflow用户
提问于 2018-05-02 07:22:09
回答 1查看 83关注 0票数 0

我已经下载了.ttf文件从谷歌字体到我的本地css文件夹,但似乎不能正确加载它们。我尝试过以下方法:

CSS

代码语言:javascript
复制
@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

代码语言:javascript
复制
<link href="./css/css?family=Cabin+Condensed:400,500,600" rel="stylesheet">

我没有收到任何错误,但字体也没有显示。奇怪的是,官方文件甚至没有提到本地字体。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-02 07:31:31

在我看来,问题是使用local路径,它需要在本地安装字体。

尝试删除@import并将src: url的回退添加到src: local

代码语言:javascript
复制
@font-face {
    font-family: 'Cabin Condensed';
    src: local('Cabin Condensed'), url(<path to the TTF file>);
}

例如:

代码语言:javascript
复制
@font-face {
    font-family: 'Cabin Condensed';
    src: local('Cabin Condensed'), url('/css/fonts/Cabin-Condensed.ttf');
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50129139

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档