网站上其他地方的Jetpack社交图标

时间:2016-10-25 作者:Grim

我相信Jetpack是用“字体很棒”来显示社交图标的。这是csscontent: "\\f203"; 以显示facebook为例。如果我查看网站源代码,我在任何地方都找不到正在下载的“字体真棒”。

这是如何工作的?

问题是,我只想在标题中使用这些图标,而不想让用户再次下载字体。如果我使用content: "\\f203"; 以我的风格。css图标不显示。

我有活动的Jetpack,每个帖子上都会显示社交图标。

2 个回复
SO网友:TomC

如果你不想依赖Jetpack来制作字体,你需要加载CSS文件。在我看来,最好的方法是通过CDN。我使用以下方法:

// Add font awesome & bootstrap
function awesome_css() {
    wp_enqueue_style("fontawesome", \'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\');
    wp_enqueue_style("bootstrap3", \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\');
    }
add_action( \'wp_enqueue_scripts\', \'awesome_css\' );
这将进入您的功能。php文件。

然后您可以选择如何添加它。您可以使用所引用的方法,也可以使用fontawesome cheat sheet

有关更多信息,请参阅fontawesome上的示例。

SO网友:Grim

已解决:Jetpack中的字体称为social logos,使用方式如下:font: 400 18px/1 social-logos; content: "\\f203";

相关推荐

Font Awesome Icons Won't Work

我的主题中确实安装了font awesome。我主页上的图标以前工作得很好。我不知道为什么,但我的图标的短代码现在停止工作了。我确实有空白的白色方块,而不是图标。或者什么都没有。我不熟练,所以请检查我的网站,帮助我解决这个问题?www.ekn。sinankarabulut。com公司图标的短代码为;[iconbox title=“Başarı”icon=“star empty”]。。。[/iconbox]你可以在我的主页上查看它们,图标在橙色的框中。谢谢你的时间。。。