首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在我的MVC项目中本地包含OpenSans字体?

如何在我的MVC项目中本地包含OpenSans字体?
EN

Stack Overflow用户
提问于 2014-02-25 14:16:34
回答 2查看 2.5K关注 0票数 1

我使用的是谷歌CDN中的OpenSans字体:

代码语言:javascript
运行
复制
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('TrueType');
}

但是,当我的站点在SSL模式下运行(混合安全/非安全内容)时,这会生成浏览器警告。

所以我更愿意在我的应用程序中本地托管这些文件。

对于我的生命,我不能让它工作。我在互联网上找不到可以下载.woff / .eot / .svg / .ttf文件包的人。我发现我可以从http://www.google.com/fonts下载.ttf文件,但是没有设法使其在项目中本地工作&不确定这些文件是否足够。

有没有一些地方可以下载这些字体包,我如何将它们集成到我的项目中?

EN

回答 2

Stack Overflow用户

发布于 2017-01-21 20:40:38

这是一个古老的问题,但对于任何想看的人来说。

您需要在页面的所有请求中使用https,而不是http。因此,"http://themes.googleusercontent.com“在哪里,它需要是"https://themes.googleusercontent.com".

代码语言:javascript
运行
复制
@font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('TrueType');
}
票数 2
EN

Stack Overflow用户

发布于 2014-02-25 14:19:36

马上就找到了答案。我可以将TTF文件上传到此网站以转换为网页字体:

http://www.fontsquirrel.com/tools/webfont-generator

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

https://stackoverflow.com/questions/22006134

复制
相关文章

相似问题

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