Question

我正在处理grails网络应用程序，我正在尝试应用名为font的{{1}}，但它未在我的网络应用程序中应用。我遵循的程序是：

我已将下面的代码放在我的extended.css文件中

open sans

我错过了什么？

Answer 1

从任何网站下载您的字体。得到webFont Generator。它会生成一个zip文件。在其中获取.css文件并在样式标记中复制并粘贴您的Web中的代码。还将所有文件粘贴到同一目录中。它将运行所有浏览器。

@font-face {
font-family: 'Philosopher';
src: url('WebRoot/fonts/philosopher-regular.eot');
src: url('WebRoot/fonts/philosopher-regular.eot?#iefix') format('embedded-opentype'),
     url('WebRoot/fonts/philosopher-regular.woff') format('woff'),
     url('WebRoot/fonts/philosopher-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body{
font-size: 13px;
    font-family: "Philosopher";
}

此代码段对于philospher字体是正确的。您可以使用基于此示例的任何字体。享受。

Answer 2

Open Sans是Google字体，您可以按照link中的说明在您的应用中使用它。

在视图或布局中添加以下内容

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Google字体API将生成必要的特定于浏览器的CSS以使用字体。您需要做的就是为CSS样式添加字体名称。例如：

font-family: 'Open Sans', sans-serif;

参见示例here。

字体未在我的Web应用程序中应用

2 个答案: