Flaticon在本地和实时服务器上的呈现方式不同

时间:2016-08-09 03:46:21

标签: css icons

我的flaticon.css文档设置了gmail图标:

.flaticon-share:before { 
  content: "\f10b"; 
  color: #821571;
  align-items: center;
  font-size: 43px;
}

在我的HTML中:

<div class="col-sm-4">
  <div class="media">
    <div class="media-left">
      <i class="flaticon-share" style="display: inline;"></i>
    </div>
    <div class="media-body">
      <p class="media-heading"><strong>cs@kirimundangan.com</strong></p>
      <a href="mailto:cs@kirimundangan.com" target="_blank">
        <button id="template" class="btn btn-download btn-md">Kirim Lampiran</button>
      </a>
    </div>
  </div>
</div>

它在localhost上工作正常,但在实时服务器上,图标是200px而不是43px。有谁知道为什么?

您可以访问here并向下滚动。

live server

此图片位于localhost(我预期):

localhost

1 个答案:

答案 0 :(得分:0)

解决。通过在html中添加css版本。

<link href="<?php echo base_url('asset/css/freelancer.css?v=1') ?>" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/icon/font/flaticon.css?v=1') ?>">