Semantic-UI中的一些图标不起作用

时间:2015-01-05 12:58:54

标签: css icons semantic-ui

我正在使用Semantic UI来设计网络主题,我注意到有些图标无法加载,大多数图标都正常工作,但有些图标不能正常工作write并且write square

以下是网站的link

这是HTML:

    <div class="ui page grid overview segment">
        <div class="ui two wide column"></div>
        <div class="twelve wide column">
          <div class="ui three column center aligned stackable divided grid">
            <div class="column">
              <div class="ui icon header">
                <i class="circular book link icon"></i>
                Stories 
              </div>
              <p>Read thousands of stories written and published by our amazing authors.</p>
              <p><a class="ui teal right labeled icon button" href="#">Read <i class="right long arrow icon"></i></a></p>
            </div>
            <div class="column">
              <div class="ui icon header">
                <i class="circular write link icon"></i>

                Library
              </div>
              <p>Dig through our cat library to found out amazing things you can do with your kitty.</p>
              <p><a class="ui teal right labeled icon button" href="#">Write <i class="right long arrow icon"></i></a></p>
            </div>
            <div class="column">
              <div class="ui icon header">
                <i class="circular user link icon"></i>
                Community
              </div>
              <p>Get feedback on your cat from a community of loving pet owners on our online bulletin board system.</p>
              <p><a class="ui teal right labeled icon button" href="#">Collaborate <i class="right long arrow icon"></i></a></p>
            </div>
          </div>
        </div>
  </div>

以下是Chrome版本34.0.1847.131中网页的屏幕截图 enter image description here

在Firefox 34.0.5中 enter image description here

不知道为什么会发生这种情况,任何人都有任何想法?

2 个答案:

答案 0 :(得分:1)

我有完全相同的问题,相同的图标没有显示。

我发现这是版本问题。

切换到全新的语义ui版本2.0为我解决了问题。

答案 1 :(得分:-1)

将此添加到根文件夹中的.htaccess文件。 祝你好运!

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>