如果谷歌字体不可用,如何指定Web安全用户默认字体

时间:2015-06-16 03:45:35

标签: html css fonts twitter-bootstrap-3 typography

为了设计我喜欢在标题中使用非常大的字体(大约70 - 85像素)为了防止这个页面压倒我需要一个非常薄的字体。我在谷歌字体上找到了Poiret One,它被归类为草书家族。它是一种非常轻薄,非常优雅的字体,但草书系列中的默认字体似乎是相反的 - 在大标题中非常笨重,大胆且没有吸引力。在我的css文件中,我有:

TypeError                                 Traceback (most recent call last)
<ipython-input-41-401c63999247> in <module>()
      4         result = vector_add(result, vector)
      5     return result
----> 6 vector_sum(a)

<ipython-input-41-401c63999247> in vector_sum(vectors)
      2     result = vectors[0]
      3     for vector in vectors[1:]:
----> 4         result = vector_add(result, vector)
      5     return result
      6 vector_sum(a)

<ipython-input-15-502c43cd9568> in vector_add(v, w)
      4 def vector_add(v, w):
      5     """adds two vectors componentwise"""
----> 6     return [v_i + w_i for v_i, w_i in zip(v,w)]
      7 vector_add(a,b)

TypeError: zip argument #1 must support iteration

我想添加courier new作为用户默认字体,因为它是最安全的Web安全字体并添加以下属性以使字符间距类似于Poiret One,这样我就不会溢出我的引导列:

h1 {
  font-family: 'Poiret One', cursive;
  font-weight: 100;
  font-size: 85px;
  color: #99ccff;
}

如果用户无法查看Poiret One,我可以使用什么css告诉浏览器,请使用上面给出的字体修改的courier new?

期待解决方案。谢谢!

1 个答案:

答案 0 :(得分:2)

像这样使用font-family

font-family: 'Poiret One', cursive, 'Courier New';

当浏览器找不到Poiret Onecursive字体时,它会使用Courier New字体。