首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >下载的字体无法正常显示

下载的字体无法正常显示
EN

Stack Overflow用户
提问于 2017-11-17 07:01:02
回答 1查看 118关注 0票数 0

我下载了一个字体,在我的CSS中有:

代码语言:javascript
运行
复制
@font-face {
font-family: "Gotham Medium";
src: url("Gotham/Gotham-Medium.otf");}

当我调用say in时

代码语言:javascript
运行
复制
 h1 { font-family:'Gotham Medium'}

字体显示与Gotham的外观不匹配。它也不是默认字体。

当下载到我的笔记本电脑中时,问题是不是某些内容被更改了?字体不在google API中,所以我不能尝试使用外部链接。

EN

回答 1

Stack Overflow用户

发布于 2017-11-17 15:59:56

你的Css应该是这样的:

代码语言:javascript
运行
复制
@font-face {
     font-family: 'MyWebFont';
     src: url('webfont.eot'); /* IE9 Compat Modes */
     src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
     url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

css Trick

为此,您可以使用font-face生成器,但您必须具有web字体的许可证

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47340584

复制
相关文章

相似问题

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