怎样uvlayout注册机打不开重庆采为什么我的IE里打不开

frontopen主题V1.5.04.15版本已发布 推荐更新!
frontopen “讨论区” 正式上线
鸣谢主题捐赠者:感叹帝,Calon YE,孙玉龙,魂客,创想,孜夕寒
顾余笑,小菜,晨风,菠菜,*忠杰,浪子,99开发赞助,IT江湖,小熊
如果发现更新最新版出现缩略图无法显示,请先装回v1.4.03.02版本
Font Awesome 字体图标的使用小记
Font Awesome 字体图标的使用小记
围观9186次
编辑日期: 字体:
提到Font Awesome 可能大家都不陌生,它是Bootstrap中的一员,可以在前端开发时将图标以矢量的形式保存在字体中,然后在web前端通过调用这个字体来显示对应的图标。在早先的文章中提到过关于字体图标的详细介绍。
以往做web页面图标时,都是采用的gif或者png的透明格式对图标进行处理。这些图标体积小、数量多,虽然使用css sprite可以解决请求数和图片体积的问题,但是这些图标的大小是固定的。而且在透明度的处理上,始终无法那么的完美,尤其是用在具有调换背景色功能的页面中,该缺陷更是明显。
与图片图标相比,字体图标的优势就要大的多。由于字体图标是矢量图,因此无论将其放大多少倍都可以保持其最原始的形态,不会出现模糊与变形的问题。其次是字体图标不用考虑如何处理透明度的问题,而且字体图标可以通过css样式来修改它的颜色,使其更容易操控与改变。
Font Awesome目前已经升级到3.0版本,其中包含了249 个图标,并且能够支持IE7以上浏览器。在frontopen2主题的v1.4.03.08版本中已经进行了实装。总体来看效果不错。
图标字体与图片字体使用时的差别
1.字体图标不能以background的方式进行调用,因此想要使其能够自适应垂直居中比较困难,应用时需要多注意一下。
2.字体需要完全加载到用户的客户端时,才能将图标显示出来。目前来看字体包的大小为61K,而SVG文件则有191K的大小,如果服务器带宽过小的话,可能图标展现时会略显滞后。
3.页面偶尔会出现图标显示不出来的情况,需要用户重复刷新页面一次。
4.Font Awesome字体图标调用时,必须嫁接与一个元素上,因此占位元素的浮动属性需要把握好。
总体来说,字体图标由于其矢量性非常适合用在当今流行的响应式页面设计中。尤其是在移动设备的展现效果上尤为突出。目前在frontopen主提的应用中,尚未发现比较明显的问题。
本文固定链接:
转载请注明:
作者:品味人生
就是一个管理员,frontopen的管理员,嗯,介绍完毕!
如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!
您可能还会对这些文章感兴趣!其他回答(6)
路径不对吧
园豆:1010
保持结构完成,img等能找到。
园豆:33604
看看路径等问题
*{font-family:"FontAwesome","微软雅黑"!important}
有个问题向大家请教下,困扰了我好久比如说我有一个index.html页面,这个页面中有一个iframe&html&lang="en"&&head&&meta&charset="utf-8"&&title&target跳转&/title&&link&rel="stylesheet"&type="text/css"&href="css/style.css"&&link&rel="stylesheet"&type="text/css"&href="css/iframe.css"&&/head&&body&&&&&&&header&&&&&&&&&&&&&&&div&class="container&m-t"&&&&&&&&&&&&&&&&&&&&a&href="content1.html"&target="mainFrame"&&&&&&&&&&&&&&&&&&&&&&&&&&&&i&class="fa&fa-decision&"&&/i&&&&&&&&&&&&&&&&&&&&&&&&&&&&&span&content1&/span&&&&&&&&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&&&&&&&&&&a&href="content2.html"&target="mainFrame"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&i&class="fa&fa-message&"&&/i&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&span&content2&/span&&&&&&&&&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&&&&&&&&&a&href="content3.html"&target="mainFrame"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&i&class="fa&fa-interaction&"&&/i&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&span&content3&/span&&&&&&&&&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&&&/div&&&&&&&&&&/header&&&&&&&&&&&&hr&/&&&&&&&&&&&&&&&&&&div&class="container"&&&&&&&&&&&&&&&&&&&&&&&&&&div&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&iframe&id="mainFrame"&name="mainFrame"&src="content1.html"&style="overflow:"&scrolling="yes"&frameborder="no"&width="100%"&height="100%"&&&&&&&&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&/div&&/body&&/html&-------------------------------------------------------------------------------content1.html的内容如下:&html&lang="en"&&head&&link&rel="stylesheet"&type="text/css"&href="css/style.css"&&link&rel="stylesheet"&type="text/css"&href="css/iframe.css"&&/head&&body&class="m-t"&&&&&&button&11111&&&& &i&class="fa&fa-flow&fa-2x"&&/i&&&&&&/button&&&&&&button&这个是content1&&&& &i&class="fa&fa-document-gl&fa-2x"&&/i&&&&&&/button&&/body&&/html&--------------------------------------------------------------------------------------其中content1是默认加载到iframe中的,点击上面的按钮切换到不同的html每个html中都有图标style.css中是定义的图标文件,我所有的html包括index,content1\2\3都是引用的同一个css,但是为什么在ie8下切换html后所有的图标会消失???????
把字体文件夹放到项目文件的根目录下,&然后页面中的引用地址编写正确.
&&&您需要以后才能回答,未注册用户请先。

我要回帖

更多关于 mac版cad注册机打不开 的文章

 

随机推荐