我使用的是谷歌CDN中的OpenSans字体:
@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文件,但是没有设法使其在项目中本地工作&不确定这些文件是否足够。
有没有一些地方可以下载这些字体包,我如何将它们集成到我的项目中?
发布于 2017-01-21 20:40:38
这是一个古老的问题,但对于任何想看的人来说。
您需要在页面的所有请求中使用https,而不是http。因此,"http://themes.googleusercontent.com“在哪里,它需要是"https://themes.googleusercontent.com".
@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');
}
发布于 2014-02-25 14:19:36
马上就找到了答案。我可以将TTF文件上传到此网站以转换为网页字体:
https://stackoverflow.com/questions/22006134
复制相似问题