0

我正在开发grailsWeb 应用程序，我试图在其中应用一个font命名open sans但它没有应用在我的 Web 应用程序中。我遵循的程序是：

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

@font-face {
    src: url('../../images/font/openSans.woff');
    font-family: 'open sans';
    /*url('openSans.woff') format('woff'),*/
    font-style: normal;
    font-weight: normal;
}

body{
    font-family: 'open sans';
}

我错过了什么？

4

2 回答 2

0

Open Sans是一种 Google 字体，您可以按照链接中的说明在您的应用程序中使用它。

将以下内容添加到您的视图或布局中

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

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

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

请参见此处的示例。

于 2013-11-05T18:22:52.430 回答
0

从任何网站下载您的字体。到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 字体。您可以使用基于此示例的任何字体。享受。

于 2013-09-27T10:59:51.807 回答