Arial Black - 网页安全字体?

13

Arial Black是否适用于网络?

我看过资料说可以,但当我在字体声明中使用它时,却得到了 Times New Roman 的字体。

有人知道原因吗?


我认为它只能在Windows上使用。如果您想在任何地方使用它,可以将其嵌入Web字体(@font-face)。这是一个生成器http://www.fontsquirrel.com/fontface/generator - jcubic
1
许可证是否允许在嵌入字体时使用? - PI.
正如@17bc17所写,您需要知道。如果许可证不允许,您可以找到一些外观类似的免费字体,然后嵌入它。 - jcubic
1
你能展示一下你的字体声明吗? - Starx
5个回答

22

根据代码风格字体调查(实际上是你能得到的最好估计),Arial Black在大约97%的Windows和Mac电脑以及68%的Linux机器上通常已安装。因此,使用它是相当安全的,但您需要为其提供替代字体。例如:

.my-style { font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
如果您希望字体即使未真正安装在您(或任何用户)的系统上也能出现,则必须在 CSS 中使用 @font-face 指令嵌入字体文件。
这是《代码风格调查》:http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml

1
链接似乎已经失效了,这个答案今天还有效吗?iOS/Android设备怎么样? - Luciano
@Luciano http://www.cssfontstack.com/ 上有关于Windows和Mac的信息。我能找到的最好的移动设备字体信息是这个巨大的表格http://blog.typekit.com/2013/04/17/fallback-fonts-on-mobile-devices/,但它不包括Android浏览器,只有iOS和Android系统字体。 - user56reinstatemonica8

10

我不知道您如何声明您的字体。通常情况下,不应该像您所说的那样发生。

请确保您以以下方式声明字体:

font-family: 'Arial Black', Gadget, sans-serif;

以下是一些常见的网络安全字体样式,供您选择。

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif; 

Source


1
此页面由Sedo的域名停放免费提供给域名所有者。看起来该域名已被某人购买。是否还有其他列表可供参考? - Quamis

5

它在Safari iOS中也不存在。http://support.apple.com/en-us/HT202771 它仍然值得考虑作为Web安全吗? - NodeNodeNode
如果你在IOS上寻找一个好的替代品来代替'Arial Black',可以尝试使用'Arial-BoldMT' - antoni

2

将字体的粗细设置为900,然后跟上字体系列。

{font-weight: 900; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;}

对我来说很好用。


1
这个解决了我的问题,现在在移动设备上真的很“粗体”,谢谢。 - Zoltán Hajdú

0

它是网页安全的,没错。

你试过使用引号吗?

'Arial Black'


是的...还是没有任何东西...这可能是因为字体没有安装在我的电脑上吗? - PI.
那确实是一个原因!它应该在您的系统上,除非它已经被删除。如果您使用这种语法:body{font-family:"Arial Black", "Times New Roman", serif}那么第二个字体(在这种情况下是“Times New Roman”)将在第一个字体不可用时使用。 - Christy Herron
Arial Black应该在Windows和Mac系统上,但其他平台可能没有这个标准。 - Christy Herron

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