如何在cakePhp 3中使用Open Sans字体？

Question

我使用cakePhp 3.0.4来构建我的应用程序。据我所知，cakePhp 3使用Zurb基金会，我不明白如何更改默认字体（无衬线）

默认字体在文件第11行base.css：

/*  font-family: sans-serif; *//* 1 */
font-family: sans-serif;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */

到目前为止，我所尝试的是：1。加载base.css第一行中的字体：@import url(http://fonts.googleapis.com/css?family=Open Sans）

我也尝试过：

美元这个-

将base.css字体系列更改为“开放式sans”，无衬线；

到目前为止没有成功。如何在CakePHP3应用程序中正确使用OpenSANS-font？

谢谢。




Answer 1

在Zurb版权评论之后添加：

@import{url（fonts.googleapis.com/css？family=opensans）；}

然后在Foundation代码中找到每个实例：

字体系列：“Helvetica Neue”，“Helvetica”，Helvetica，Arial，无衬线

并将其更改为：

字体系列：“开放式Sans”、“Helvetica Neue”、“Helvetica”、Helvetica、Arial、Sans serif

我已经离开了Helvetica，所以如果谷歌字体失败，它将回落到这一点。

希望有帮助。

Answer 2

您必须使用字体系列：'opensans' 而不是字体系列：“打开SAN”

如果打开google字体api的url：

http://fonts.googleapis.com/css?family=Open SAN:300400700

您必须使用的名称由设置

@font-face {
  font-family: 'Open Sans';
  ...
}