我可以用css使用"Arial Rounded MT Bold"字体吗?
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
当我加上:
,什么也没有改变。font-family:Arial, Helvetica, sans-serif;
Google Fonts有Nunito字体,由Vernon Adams创建:
http://www.google.com/webfonts/family?family=Nunito
该字体很好看而且较为圆润;有点让我想起了Glitch网站所使用的字体。
没有更多来自OP的信息,很难确定问题,但我曾经看到过这些症状是由Firefox的硬件加速功能引起的。它已知会导致字体渲染等多个问题。我观察到的一个问题是即使客户端机器上存在非标准字体(如"Arial MT Rounded Bold"),也无法正确渲染。
例如,这个页面...
<html>
<head>
<style type="text/css">
body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
</style>
</head>
<body>
This can be really annoying.
</body>
</html>
当在禁用硬件加速的情况下使用 IE、Chrome 或 FF 查看时,字体会正确显示,如下所示...
font-weight: bold;
。如果想要使用具有良好跨浏览器兼容性的自定义字体,请查看FontSquirrel。他们会生成正确的CSS来实现自定义字体在多个浏览器中工作。在他们的网站上浏览Rounded MT Bold或其他你想要的字体。同时,如果需要更多字体,请查看http://www.fontex.org/
如果在更改字体堆栈时,本地浏览器的网页呈现没有任何变化,那么很有可能您的计算机上并没有安装Arial MT Rounded Bold字体。一种测试方法是使用Firebug,对标题(或应用字体的任何内容)进行“检查元素”,并在右侧Firebug窗格中编辑字体系列列表。(通常,我只需找到命名字体并在其名称中添加一个空格,这将“破坏”对正确字体的调用,然后浏览器会继续使用堆栈中的下一个字体。)
其他选项包括使用Google的Web字体Nunito(正如Kent Brewster几分钟前推荐的那样),或在自己的服务器上设置font-face字体,提供其中一个圆形字体(RockoFLF Bold、FF Din Rounded、Nunito和Arial MT Rounded Bold都是选项)。 (根据肯特的评论,技术上来说,Glitch正在使用RockoFLF,Arial MT Rounded Bold是堆栈中的第二个字体。至少,在我最后一次查看他们的代码几个月前是这样的。...哦...再次检查,他们已经从堆栈中删除了Arial MT Rounded Bold。他们正在使用嵌入式font-face调用RockoFLF。)
无论如何,正如肯特布鲁斯特所指出的那样,我认为你最好使用谷歌网络字体“Nunito”,如果你不确定它是否存在于用户的计算机上(甚至是你自己的计算机上)。Google Fonts也是一种可能性。有很多不同的字体,但我不知道是否有Arial Rounded MT Bold。
您只能使用客户端计算机上安装的字体!!因此,如果未安装字体,则仅在css font-family中提及它们是无效的。为此,Google Fonts和其他字体库提供了功能...因此,每次您使用非“Times”、“Arial”或“Verdana”等几乎所有计算机上都安装的字体时,您都应该考虑使用原始css的替代方案。
由于系统兼容性问题,它可能无法显示 - 您可以在CSS字体堆栈上检查Arial Rounded MT Bold的兼容性。在Windows上为59.53%,在Mac上为95.14%。https://www.cssfontstack.com/Arial-Rounded-MT-Bold
coding-style
标签? - BoltClockcoding-style
标签用于“软件中使用的惯例和实践。命名类、变量和文件是示例,代码组织也是如此。” - Álvaro Gonzálezcss
。coding-style
不是关于CSS代码的页面样式,而是关于我们编写任何类型代码的风格。 - BoltClock