Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Getuikit中的自定义字体,预处理器更少_Css_Fonts_Uikit_Less - Fatal编程技术网

Css Getuikit中的自定义字体,预处理器更少

Css Getuikit中的自定义字体,预处理器更少,css,fonts,uikit,less,Css,Fonts,Uikit,Less,在我的新主题中使用自定义字体(如谷歌字体)的正确方法是什么? 看起来像是这个问题: 我确实照他们说的做了,只是把这段代码粘贴到uikit.less中: /* Custom Fonts */ @font-face { font-family: 'opensanscondensed'; src: url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); } 但它没有起作用

在我的新主题中使用自定义字体(如谷歌字体)的正确方法是什么? 看起来像是这个问题:

我确实照他们说的做了,只是把这段代码粘贴到uikit.less中:

 /* Custom Fonts */
@font-face {
    font-family: 'opensanscondensed';
    src: url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
}
但它没有起作用。我找不到应该为某些元素(导航、顶部菜单等)指定字体系列的位置


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

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

在样式表文件中需要做的只是从url导入css。大概是这样的:

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700)
然后你可以这样使用它:

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

好的,你们的例子是CSS,但我怎么能用更少的代码导入getuikit框架呢?同样的代码应该用更少的代码!在uikit中,您可以在您的应用程序中使用google字体。类似的东西可能会起作用:
“谷歌字体”:[{“名称”:“开放式精简版”、“值”:“开放式精简版”、“url”:”http://fonts.googleapis.com/css?family=Open%20Sans%20Condensed:300,300斜体,700“}]