Font-Awesome加载但没有在wordpress中显示,图标就像方形

时间:2017-08-21 05:51:10

标签: wordpress font-awesome

我的网站上有Font-Awesome图标,它加载但图标没有出现在它里面(显示像Square)!什么原因 ?我的网址网址为:{{3}}

2 个答案:

答案 0 :(得分:1)

原因似乎是 rtl.css 文件第6行的CSS语法,它覆盖了Font-Awesome定义:

ul.newsticker a, .pricing-table .head span,.featured_table .recommended,.product_meta,.woocommerce div.product form.cart .button,.woocommerce div.product form.cart .variations label,.woocommerce div.product form.cart .reset_variations,option,.woo-title .filter_wrapper select, .pa_selection select,.pagination-tt ul li a, .pagination-tt ul li span,div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng,.woocommerce p.woocommerce-error, .woocommerce p.woocommerce-info, .woocommerce p.woocommerce-message, .woocommerce ul.woocommerce-error, .woocommerce ul.woocommerce-info, .woocommerce ul.woocommerce-message, .woocommerce div.woocommerce-error, .woocommerce div.woocommerce-info, .woocommerce div.woocommerce-message,.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button,.woocommerce .shop-links a span,.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt,#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th,.woocommerce .price_label,.woocommerce .widget_price_filter .price_slider_amount .button,div.userpro *,html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
font-family: sitefestival!important;
}

从该列表中删除 i 选择器可以解决问题。

答案 1 :(得分:0)

@Mpi您需要修改提供的CSS文件以指向您网站上的字体位置。 Font Awesome not working, icons showing as squares