语义UI图标，字体不加载

我建立使用语义UI CSS框架一个网站，现在我想用它的一些图标。语义UI图标，字体不加载

下面是HTML：

<h1>Title<i class="lab icon"></i></h1>

我已经挂了semantic.css，但我想我需要做些别的事情太让工作中的图标？我试图链接这个：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

但它仍然无法正常工作。我错过了什么？

来源

2014-01-18 fgblomqvist

在语义CSS文件中挖掘显示，字体必须设在这里（相对于你semantic.css）：themes/default/assets/fonts/

来源： https://github.com/Semantic-Org/Semantic-UI/blob/master/dist/semantic.css#L5466-5467

来源

2014-01-18 16:36:23 fgblomqvist

不完全是。它与你的semantic.min.css并行。否则，您也可以通过外部样式表更改字体文件夹路径。 – iMatoria

你是对的。我已经更新了答案。 – fgblomqvist

@fgblomqvist死链接，请更新答案 – user3574492

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title></title> 
 

 

 
    <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/css/semantic.min.css'> 
 
    
 
    
 
    <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/components/icon.min.css'> 
 
    
 
    
 
</head> 
 

 
<body> 
 
    <h1>Icon Example</h1> 
 
    <a class="item"><i class="alarm icon"></i>Notifications</a> 
 
    <a class="item"><i class="mail outline icon"></i>Messages</a> 
 

 
</body> 
 

 
</html>

你可以尝试看看上面的代码片段。您也可以使用下面的链接，其他类似的问题：

https://cdnjs.com/libraries/semantic-ui

来源

2016-01-22 15:23:38

将您的示例更新到'2.2.13'版本会显示更多图标，例如ID卡。 – Stephane

我的解决办法很简单（一旦我的工作了）。我编辑了themes.config来使用我的新（尚未建成）的主题。如你所知，它回落到default，所以一切似乎工作正常。

/* Elements */ 
: 
@flag  : 'supernewtheme'; 
@header  : 'supernewtheme'; 
@icon  : 'supernewtheme'; 
@image  : 'supernewtheme'; 
@input  : 'supernewtheme'; 
:

即使控制台显示图标字体加载（无404），它没有工作。我还检查的字体是在正确的地方我build文件夹，它是。

改变主题回到default为的伎俩：

@icon  : 'default';

来源

2017-12-07 19:26:26

语义UI图标，字体不加载

回答

相关问题