Font-Awesome加载但未在wordpress中显示，图标就像正方形

Question

我的网站上有一个Font-Awesome图标，它已加载，但图标未出现在其中（显示为Square）！ 什么原因 ？ 我的网站网址是： sitefestival

Answer 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选择器应该可以解决问题。

Answer 2

@Mpi您需要修改提供的CSS文件，以指向站点上的字体位置。 字体太棒了，图标显示为正方形