Tôi đang phát triển một mẫu mới bằng cách sử dụng Joomla 3.0 với khung Gantry và tôi đang gặp sự cố với các biểu tượng Phông chữ tuyệt vời của tôi không hiển thị. Bây giờ, khung công tác này đã có Font Awesome đã được tích hợp sẵn trong khung công tác và tất cả những gì tôi đang làm là ghi đè CSS của mẫu với các kiểu CSS tùy chỉnh và để lại TẤT CẢ các tệp mẫu trong nguyên tắc.Phông chữ biểu tượng tuyệt vời - một số màn hình, một số không
đó đang được nói, đây là cách tôi là mã hóa các biểu tượng tạo ảnh vui nhộn Font vào trang của tôi (khá đơn giản):
<div class="container">
<ul>
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
<li><a href="#"><i class="icon-google-plus"></i></a></li>
<li><a href="#"><i class="icon-pinterest"></i></a></li>
</ul>
</div>
Đây là CSS (một lần nữa, khá đơn giản):
/* ---------- Social Media ----------*/
.custom_socialMedia ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.custom_socialMedia li{
font-size:2.5em;
display:inline;
}
.custom_socialMedia .container{
width:100%;
margin: 0 auto;
}
.custom_socialMedia p{
font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
font-weight: 200;
color:#F47820;
font-size:1.5em;
text-align:center;
}
.custom_socialMedia a {
color: #999;
text-decoration: none;
}
.custom_socialMedia a:hover {
color: #666;
}
.custom_socialMedia i {
width: 1em;
height: 1em;
cursor: pointer;
padding:0em 1em;
}
Vì đây là bài đăng đầu tiên của tôi, tôi không thể đăng hình ảnh, nhưng biểu tượng youtube không hiển thị, tuy nhiên bốn biểu tượng còn lại nằm trong Firefox, Chrome & IE, hoàn hảo như mong đợi.
Tôi hy vọng ai đó có lời giải thích về điều này.
này sẽ giúp bạn: http://stackoverflow.com/a/29134488/2817112 – Oriol