离线使用 Google Fonts:让你的网站更精致 | goofoffline 神器,一键下载生成离线字体库!
前言 你一定见过,很多优雅的网站都使用了十分美观且不同的字体。他们通常都是采用了来自 Google Fonts 的 Web 字体。 CSS 指定字体 通过将 font-family 定义在 CSS 的指定标签(例如下面例子中的 body 标签),该标签中的所有文字都会听从 font-family 的指挥,以指定的字体进行显示。 font-family 支持同时定义多个字体,为什么要定义多个字体呢:如果浏览器不支持定义的第一个字体,它将尝试应用下一个字体。 body { font-family: Arial, Helvetica, sans-serif; } 以上例子中,字体的尝试顺序是:Arial → Helvetiica → sans-serif 。 安全字体 由于每个浏览器用户使用的系统、浏览器不同,支持的字体也不同,所以我们定义多个字体是为了保险起见,一般我们都会备选几个支持的比较广泛的字体。 如想获得更多关于安全字体的组合,请看:CSS Web安全字体 | 菜鸟教程 Web 字体 简单来讲,就是当你打开一个网站时,如果这个网站定义了 Web 字体 ,那么你的浏览器会自动下载指....