HTML / CSS:Cufón和Font-face不相等

时间:2011-09-01 16:55:34

标签: html css font-face cufon

我有一个网站,其中使用了一些特殊字体。我正在尝试将当前的Cufón字体转换为CSS3 font-face。这是字体:http://uploads.dennismadsen.com/font/springsteel-lig.otf

似乎新的Font-face在Cufón字体时更大更大胆。我做了一个测试页面,我在同时使用Cufón和Font-face: http://uploads.dennismadsen.com/font/

您注意到尺寸和重量不相等。为什么呢?

Cufón已在此处生成:http://cufon.shoqolate.com/generate/。 Font-face已在此处生成:http://www.fontsquirrel.com/fontface/generator。我需要font-face与现在使用的Cufón具有相同的重量。我的所有文件都可以在这里下载:http://uploads.dennismadsen.com/font/archive.zip

2 个答案:

答案 0 :(得分:4)

以下是一些以不同方式显示@ font-face的浏览器:

differences between cufon and @font-face on many browsers, mainly on XP-SP3 and also Ubuntu

答案 1 :(得分:3)

@ font-face和Cufon总是看起来不同,因为在这两种情况下,这些字体都是“绘制”的,并且由浏览器决定它的绘制效果。 @fonts往往看起来更加锯齿状。 Cufon看起来更干净,但它有可访问性问题,有时它不会打印,它无法复制/粘贴等。@ font解决了这些问题,但看起来并不那么好。差异只是我们都必须接受的:@font永远不会像Cufon那样(尽我所能)。