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

Question

在我的新主题中提供自定义字体(例如google字体)的正确方法是什么？它看起来像这个问题：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);
}

但它没有起作用。我找不到应该为某些元素(导航、顶部菜单等)指定字体-系列的位置。)

如有任何答复，我将不胜感激。

Answer 1

在src属性中粘贴的url是css文件的url ( google为您导入字体面板生成的url)。您可以看到，它已经为您生成字体面板：

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

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

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

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

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

演示