Question

.title{
font-family:'Arial Bold';
}

我认为Arial字体不会有问题，但是...

Arial Bold-我的Chrome或Windows 7中不存在。

Arial Black太重了。

我可以确定它存在于任何平台，任何浏览器上的normal和bold变体形式的（非衬线）字体吗？）

Answer 1

您的浏览器是正确的： Arial Bold 不作为其自己的字体家族存在。 Arial是操作系统中最常用的字体系列之一。根据{{3}}：

Helvetica是这里的祖父，但是Arial在现代OS上更为常见。

您在这里缺少的是您要尝试将字体粗细指定为字体系列的一部分。您这里需要的是this source。如浏览器所说，字体家族 Arial Bold 不存在。

在您的情况下，font-family仅应使用Arial。要控制字体是粗体，常规，斜体还是带下划线，必须在CSS中使用不同的属性及其相应的值。

font-weight除其他外，还具有以下值：regular，bold。因此，为了使用Arial（粗体），您的CSS如下所示：

font-family: 'Arial', sans-serif;
font-weight: regular; // I prefer to use numeric values myself

Answer 2

您是否尝试过使用@import从服务器导入字体。如果您愿意这样做，这应该是您尝试做的一个很好的解决方案。