我正在使用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中网页的屏幕截图
在Firefox 34.0.5中
不知道为什么会发生这种情况,任何人都有任何想法?
答案 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>