相关疑难解决方法(0)

我正在使用CMS,我只能访问CSS文件.所以,我不能在文档的HEAD中包含任何内容.我想知道是否有办法从CSS文件中导入Web字体？

我想在我的网站上推迟字体加载,灵感来自Smashing Magazine的延迟字体加载逻辑.

主要是将字体转换为base64并准备CSS文件.我到目前为止的步骤:

1. 在Google Web Fonts上选择字体并下载它们.
2. 使用Font Squirrel Webfont Generator将下载的TTF文件转换为带有base64嵌入式WOFF字体的CSS文件(专家选项 - > CSS - > Base64编码).
3. 加载CSS文件异步(这里不重要).

Open Sans Bold的CSS片段:

@font-face {
  font-family: 'Open Sans';
  src: url(data:application/x-font-woff;charset=utf-8;base64,<base64_encoded>) format('woff');
  font-weight: 700;
  font-style: normal;
}

该问题是,该转换后的字体看起来非常不同.看看Open Sans Bold:

尤其是注意口音和绝对可怕的信件a.其他字体系列和变体看起来也非常明显不同(尺寸和形状扭曲等).

所以问题是:如何将来自Google Web Fonts(或其他来源)的TTF文件正确编码为base64格式,并以与原始文件相同的方式使用它？

这些天我遇到了@ font-face的麻烦.我的字体不是在IE11中显示,而是在所有其他字体中显示.

原来,删除"woff2"字体解决了我的问题,字体正常显示.

我现在的问题是:为什么这可能是解决方案？在IE11中发生了什么,删除一个简单的"woff2"标签可能是答案？我的意思是,通常我会读到.htaccess文件以及其他很难找到的东西......

IE11是否首先尝试加载woff2？