fgb*_*ist 17 html css font-awesome semantic-ui
我正在使用Semantic UI CSS框架构建一个网站,现在我想使用它的一些图标.
这是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">
但它仍然无效.我错过了什么？
fgb*_*ist 23
挖掘语义CSS文件会发现字体需要位于此处(相对于您的semantic.css): themes/default/assets/fonts/
资料来源:https: //github.com/Semantic-Org/Semantic-UI/blob/master/dist/semantic.css#L5466-5467
Dav*_*les 10
<!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
| 归档时间： |
|
| 查看次数： |
28442 次 |
| 最近记录： |