在CSS中:如何指定既是等宽字体又是无衬线字体的字体?

7

我想让浏览器使用一种既是等宽字体又是无衬线字体的字体(通常默认的等宽字体有衬线,而默认的无衬线字体不是等宽的)。除了提供我所知道符合条件的字体列表之外,CSS是否有其他指定方法?

2个回答

5
CSS的font-family不允许在一个字体族名称中指定多个通用字体关键字,所以您必须选择monospacesans-serif

谢谢...我想这是最正确的答案--可惜你不能通用地选择一种等宽无衬线字体。 - chees
这更多是一个“如何”问题,浏览器会怎么做呢?字体创建者可能可以嵌入元数据,但这会使之前的所有字体都有同样的问题。这是个很酷的想法,但按照现在的字体创建方式,这是不可能的。 - Oscar Godson
1
@Oscar:我认为现有的标签,如“serif”,并不是通过扫描系统上所有字体的元数据来实现的(这仍然存在如何选择最佳匹配项的问题)。只是有一个小表格的手动选择映射,例如monospace → Courier New(由浏览器和操作系统开发人员选择,并且通常可由用户配置)。这可以很容易地扩展为具有monospace serifmonospace sans-serif的2个单独的映射。 - Beni Cherniavsky-Paskin

1

不,你不能指定字体族的类型。CSS并不知道一个字体是否有衬线。

然而,你可以在这里查看: http://code.google.com/webfonts

使用其中一种字体,它将在所有浏览器中都能正常工作。


谢谢提供 Google Web Fonts 的链接,这似乎是确保字体始终可用的非常好的方法(如果您相信该网站会一直存在...)。不过我猜你也可以下载并自己托管。 - chees

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接