語義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圖標，字體不加載

回答

相關問題