我的客户(非常注重像素完美)不喜欢浏览器渲染字体的方式。目前我正在使用font-squirrel将OTF字体转换为Web字体。问题是,我看不到其他选择。我可以创建一个包含所有这些文本的PNG文件,但这似乎不是一种适合浏览器用户的解决方案。我需要处理的典型设计示例是:上面的是Web字体,下面的是来自PSD的屏幕截图。两者都使用相同的字体系列和相同的间距。客户希望它看起来更像下面那个。您的做法会是什么?假设您所说的“不喜欢浏览器渲染@font-face”的意思是发生的眨眼。如果不是,请详细说明。
@font-face {
font-family: "FontName";
src: url("data:font/opentype;base64,[ the base64 code here ]");
}
有一些在线的base64转换器,你可以将.otf文件上传到这些转换器中,它们会输出base64代码。 这是一个这样的转换器。
另一种常见且流行的处理方式是自动字体替换(使用JavaScript)。这种解决方案对屏幕阅读器用户友好,因为HTML包含纯文本,并且替换是在浏览器中使用JavaScript完成的。
这种技术的一个例子是sIFR,它是开源的并使用Flash作为替换。
看起来似乎已经加粗了。尝试将font-weight
设置为普通。