如何添加字体真棒社交图标?

时间:2017-06-29 17:17:36

标签: html css wordpress font-awesome

我希望在我的wordpress右侧边栏中添加字体真棒平板社交图标。我的主题已经在CSS文件夹中的字体很棒和字体awesome.min。我不知道如何添加它。

4 个答案:

答案 0 :(得分:1)

添加

<link rel="stylesheet" href="font-awesome_folder_name/css/font-awesome.min.css">
进入头脑。

或直接添加绝对链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

绝对链接会比相对链接更好

答案 1 :(得分:0)

使用前缀fa和图标的名称放置Font Awesome图标。

实施例

<i class="fa fa-car"></i>

fontawesome.io在这里您可以找到更多图标。

答案 2 :(得分:0)

只需添加css链接并使用<i class="fa fa-youtube" aria-hidden="true"></i>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<h1><i class="fa fa-youtube" aria-hidden="true"></i></h1>
<h2><i class="fa fa-wordpress" aria-hidden="true"></i><h2>

答案 3 :(得分:0)

<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/font-awesome.css">

这就是你在wordpress网站上调用字体真棒的方法。但首先你必须在你的css文件中保留font-awesome.min.css文件。

然后你还需要复制font-awesome文件的字体并将其粘贴到你的fonts文件夹中。

然后你可以通过写这个 -

来使用这个图标
<i class="fa fa-address-book" aria-hidden="true"></i>

在此代码中,它将显示地址簿图标。

访问font-awesome网站,了解其他人的图标代码。