应用Comic Sans Ms字体风格

52

如何为以下字体编写CSS字体样式:

Comic Sans MS

font-family: Comic Sans MS CSS规则无效。


1
可能是Difference between "font-family" and font-family?的重复问题。 - Unihedron
4个回答

98

字体可能在某些系统中不存在或使用不同的名称,因此您需要使用不同的变体和备用字体以便在所有系统上获得尽可能相似的外观:

font-family: "Comic Sans MS", "Comic Sans", cursive;

不过要小心使用这种字体,因为许多人认为它丑陋且被过度使用,所以不应该用于需要专业外观的东西。


6
我将用这个来说明缺少字体文件,需要在网站上线前购买。 - Samantha

13

OpenBSD上的httpd守护进程对所有错误消息都使用以下样式表,这可能涵盖了非Windows系统上的所有Comic Sans变体:

http://openbsd.su/src/usr.sbin/httpd/server_http.c#server_abort_http

810    style = "body { background-color: white; color: black; font-family: "
811        "'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif; }\n"
812        "hr { border: 0; border-bottom: 1px dashed; }\n";

例如,尝试这个:

font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;

8

你需要使用引号。

font-family: "Comic Sans MS", cursive, sans-serif;

虽然你真的真的不应该使用卡通字体。这种字体的使用带有巨大的污名,根本不被视为专业。


10
有用途。我一直在开发一款应用程序,供妻子在她的幼儿园课程中使用,非常适合这个用途。 - John
4
在大多数情况下,“这根本不被视为专业”可能并不完全正确——John试图表达的是,有些情况下使用这种字体的“效果”是有意的:漫画书、儿童读物、仿手写等。 - shaedrich
5
作为一名专业人士,我喜欢Comic Sans字体。 - andygoestohollywood

2
使用 引号 包围字体:
font-family: "Comic Sans MS";

那应该解决问题了。

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