html 字体Awsome nelle liste ul li / Font Awesome in a undered list
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 字体Awsome nelle liste ul li / Font Awesome in a undered list相关的知识,希望对你有一定的参考价值。
/* Use the following CSS code if you want to have a class per icon */
ul { padding-left:20px; list-style:none; }
li { margin-bottom:10px; }
li:before {
font-family: 'FontAwesome';
content: '\f068';
margin:0 5px 0 -15px;
}
// Register Style
function organicweb_load_fontawesome() {
wp_register_style( 'organicweb_fa', '//cdn.jsdelivr.net/fontawesome/4.1.0/css/font-awesome.min.css', false, '4.1.0' );
wp_enqueue_style( 'organicweb_fa' );
}
// Hook into the 'wp_enqueue_scripts' action
add_action( 'wp_enqueue_scripts', 'organicweb_load_fontawesome' );
<ul>
<li>Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor.</li>
<li>List Item</li>
<li>List Item</li>
</ul>
以上是关于html 字体Awsome nelle liste ul li / Font Awesome in a undered list的主要内容,如果未能解决你的问题,请参考以下文章