@ Font-Face不会通过IE中的https加载

@ Font-Face不会通过IE中的https加载

因此，据我所知，我只是想出了一种适用于IE，Safara，Firefox和Chrome的方法。

由于我尝试的所有方法都无法解决，因此我试图找到一种可以将字体“嵌入”网站，CSS或服务器的方法。根据我的服务器专家的说法，将字体添加到服务器不是一种选择，因此我决定返回Font-
Squirrel，看看他们是否提供了转换字体的选项。

我重新上传了字体，选​​择了导出模式。幸运的是，我在设置字段底部的某个位置显示“ base64
Enpre”，我知道这是什么意思（我可以想象有人不轻易查看此选项），所以我使用base64嵌入字体为CSS文件创建了别名。

这可以完美地工作。当然，这使我的CSS文件大了一些kb（5kb和129kb）。但我看不到当前的互联网连接会额外占用100kb的大空间。

只是比较一下，非base64编码的CSS：

@font-face {    font-family: 'ProximaNovaSemibolds';    src: url('../font-face/proximanova-semibold-webfont.eot');    src: url('../font-face/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../font-face/proximanova-semibold-webfont.woff') format('woff'),         url('../font-face/proximanova-semibold-webfont.ttf') format('truetype'),         url('../font-face/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');    font-weight: normal;    font-style: normal;}

base64编码的CSS：

@font-face {    font-family: 'ProximaNovaBold';    src: url('proximanova-bold-webfont-webfont.eot');    }@font-face {    font-family: 'ProximaNovaBold';    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAF+8ABMAAAAArzAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcYT+YZ0dERUYAAAHEAAAALQAAADIC+wHsR1BPUwAAAfQAAAf7AAAURoqljoZHU1VCAAAJ8AAAACAAAAAgbJF0j09TLzIAAAoQAAAAWwAAAGB+FsNBY21hcAAACmwAAAGdAAAB+uY47ZljdnQgAAAMDAAAADoAAAA..alotmorecharacters...FDmYlYoTkE8HdsTFF2cwU74AAU/lecUAAA==) format('woff'),         url('proximanova-bold-webfont-webfont.ttf') format('truetype'),         url('proximanova-bold-webfont-webfont.svg#ProximaNovaBold') format('svg');    font-weight: normal;    font-style: normal;}