@font-face制作Web Icon

时间:2017-07-02 08:42:20
【文件属性】:

文件名称:@font-face制作Web Icon

文件大小:477KB

文件格式:ZIP

更新时间:2017-07-02 08:42:20

font-face

@font-face是CSS3中有关于字体设置的属性,通过@font-face可以将本地字体设置为Web页面字体,并能兼容所有浏览器,使用这个属性就不必担心用户本地不具备这样的字体。因为我们把字体都上传到服务器上,不过这样一来很多人担心影响性能问题。鱼和熊掌不能兼得嘛,我们就不在为这个问题说太多的话了,不过我今天要与大家分享的主题和这个@font-face还是有很在关系的,使用他配合一定的字体来制作Web页面中的Icon图标。初一看有点不实际,以前的Icon都是依靠图片来完成,怎么可能用字体就能实现呢?如果你以前有用过HTML的实体符,我想就不会那么惊奇了。


【文件预览】:
webFontIcon
----demo2.html(6KB)
----fontAwesome()
--------font()
--------font-awesome.css(11KB)
----index.html(9KB)
----Guifx()
--------guifx_v2_transports-webfont.woff(10KB)
--------guifx_v2_transports-webfont.svg(36KB)
--------guifx_v2_transports-webfont.eot(16KB)
--------guifx_v2_transports-webfont.ttf(16KB)
--------stylesheet.css(529B)
----bg.jpg(18KB)
----demo3.html(11KB)
----websymbols()
--------WebSymbols-Font-Pack.zip(42KB)
--------fonts()
--------WebSymbols-Regular.otf.zip(13KB)

网友评论