因此,据我所知,我只是想出了一种适用于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;
}