Question

在我的新主题中提供自定义字体（例如谷歌字体）的正确方法是什么？看起来像这个问题： https://github.com/uikit/uikit/issues/111

我确实按照他们说的做了，只将这段代码粘贴到uikit.less：

 /* Custom Fonts */
@font-face {
    font-family: 'opensanscondensed';
    src: url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
}

但它不起作用。我无法找到我应该为某些元素指定 font-family （导航，顶级菜单等）。

我会感激任何答案。

Answer 1

您在src媒体资源中粘贴的网址是css文件的网址（Google会为您生成导入字体的网址）。您可以看到它已经为您生成了字体面：

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700

您在样式表文件中需要做的只是从网址导入css。像这样：

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700)

然后你可以像这样使用它：

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

Getuikit中的自定义字体使用较少的预处理器

1 个答案:

DEMO