您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

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

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

我重新上传了字体,选??择了导出模式。幸运的是,我在设置字段底部的某个位置显示“ Base64 Encode”,我知道这是什么意思(我可以想象有人不轻易查看此选项),所以我使用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;

}
其他 2022/1/1 18:16:36 有669人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶