HTML/CSS:Cufón 和 Font-face 不相等
我有一个使用一些特殊字体的网站。我正在尝试将当前的 Cufón 字体转换为 CSS3 字体。这是字体: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/。字体已在此处生成:http://www.fontsquirrel.com/fontface/generator。我需要字体与现在使用的 Cufón 具有相同的粗细。我的所有文件都可以在这里下载: http://uploads.dennismadsen.com/font/archive.zip
I have a site where some special fonts are used. I'm trying to convert the current Cufón font to CSS3 font-face. Here is the font: http://uploads.dennismadsen.com/font/springsteel-lig.otf
It seems that the new Font-face is bigger and bolder when the Cufón font. I have made a test page, where I am using both Cufón and Font-face:
http://uploads.dennismadsen.com/font/
As you notice the size and weight are not equal. Why?
The Cufón has been generated here: http://cufon.shoqolate.com/generate/. The Font-face has been generated here: http://www.fontsquirrel.com/fontface/generator. I need the font-face to have the same weight as the Cufón which are used now. All my files can be downloaded here: http://uploads.dennismadsen.com/font/archive.zip
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
以下是一些浏览器以不同方式显示@font-face:
Here are some browsers displaying @font-face differently:
@font-face 和 Cufon 看起来总是不同的,因为在这两种情况下,这些字体都是被“绘制”的,并且它的绘制效果取决于浏览器。 @fonts 看起来更锯齿状。 Cufon 看起来更干净,但它存在可访问性问题,有时无法打印,无法复制/粘贴等。@font 解决了这些问题,但看起来不太好。这些差异是我们都必须接受的:@font 永远不会看起来完全像 Cufon(正如我希望的那样)。
The @font-face and Cufon will always look different because in both cases, those fonts are being "drawn" and it is up to the browser how well it's drawn. @fonts tend to look more jagged. Cufon looks cleaner but it has accessibility issues, sometimes it won't print, it can't be copied/pasted, etc. @font solves those issues but doesn't look as good. The differences are just something we all just have to accept: @font will never look exactly like Cufon (as much as I wish it did).